Qlockify/qlockify-frontend-deployment
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(theme): configure multilingual app font

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-04-29 13:36:41 +03:30
parent d348eed47d
commit 1c97339648
1 changed files with 26 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/index.css
View File

@@ -1,28 +1,51 @@
@import "tailwindcss"; @import "tailwindcss";
@font-face { @font-face {
font-family: "Vazirmatn"; font-family: "AppSans";
src: url("/fonts/Vazirmatn[wght].woff2") format("woff2"); src: url("/fonts/Vazirmatn[wght].woff2") format("woff2");
font-weight: 100 900; font-weight: 100 900;
font-style: normal; font-style: normal;
font-display: swap; 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 *)); @custom-variant dark (&:is(.dark *));
@theme { @theme {
--color-quera-blue: #2563eb; --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 { :root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; font-family: "AppSans", system-ui, sans-serif;
} }
:lang(fa) { :lang(fa) {
font-family: "Vazirmatn", system-ui, Avenir, Helvetica, Arial, sans-serif; font-family: "Vazirmatn", system-ui, Avenir, Helvetica, Arial, sans-serif;
} }
@layer base { @layer base {
* { * {
border-color: var(--color-border); border-color: var(--color-border);