@font-face { font-family: "Vazirmatn"; src: url("Vazirmatn/Vazirmatn[wght].woff2") format("woff2 supports variations"), url("Vazirmatn/Vazirmatn[wght].woff2") format("woff2-variations"); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: "Vazirmatn FD"; src: url("Vazirmatn/Vazirmatn-FD-Thin.woff2") format("woff2"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Vazirmatn FD"; src: url("Vazirmatn/Vazirmatn-FD-ExtraLight.woff2") format("woff2"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Vazirmatn FD"; src: url("Vazirmatn/Vazirmatn-FD-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Vazirmatn FD"; src: url("Vazirmatn/Vazirmatn-FD-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Vazirmatn FD"; src: url("Vazirmatn/Vazirmatn-FD-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Vazirmatn FD"; src: url("Vazirmatn/Vazirmatn-FD-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Vazirmatn FD"; src: url("Vazirmatn/Vazirmatn-FD-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Vazirmatn FD"; src: url("Vazirmatn/Vazirmatn-FD-ExtraBold.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "Vazirmatn FD"; src: url("Vazirmatn/Vazirmatn-FD-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; } :root { --font-fa: "Vazirmatn FD", "Vazirmatn", system-ui, -apple-system, "Segoe UI", sans-serif; --font-en: "Vazirmatn", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --font-sans: var(--font-en); } html, body { font-family: var(--font-sans); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } html[lang="fa"] body, body[data-lang="fa"] { font-family: var(--font-fa); }