From 1c9733964864dcdf1346a1e67e0c06805a217662 Mon Sep 17 00:00:00 2001 From: Amirhossein Khalili Date: Wed, 29 Apr 2026 13:36:41 +0330 Subject: [PATCH] style(theme): configure multilingual app font --- src/index.css | 29 ++++++++++++++++++++++++++--- 1 file changed, 26 insertions(+), 3 deletions(-) diff --git a/src/index.css b/src/index.css index d736e5e..d91dba8 100644 --- a/src/index.css +++ b/src/index.css @@ -1,28 +1,51 @@ @import "tailwindcss"; @font-face { - font-family: "Vazirmatn"; + font-family: "AppSans"; src: url("/fonts/Vazirmatn[wght].woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; + + /* Arabic + Persian Unicode blocks */ + unicode-range: + U+0600-06FF, + U+0750-077F, + U+08A0-08FF, + U+FB50-FDFF, + U+FE70-FEFF; +} + +@font-face { + font-family: "AppSans"; + src: local("Inter"); + font-weight: 100 900; + font-style: normal; + font-display: swap; + + /* Latin */ + unicode-range: + U+0000-00FF, + U+0100-024F, + U+1E00-1EFF; } @custom-variant dark (&:is(.dark *)); @theme { --color-quera-blue: #2563eb; - --font-sans: "Vazirmatn", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-sans: "AppSans", ui-sans-serif, system-ui, sans-serif; } :root { - font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; + font-family: "AppSans", system-ui, sans-serif; } :lang(fa) { font-family: "Vazirmatn", system-ui, Avenir, Helvetica, Arial, sans-serif; } + @layer base { * { border-color: var(--color-border);