diff --git a/GanjooRazor/wwwroot/css/r4.css b/GanjooRazor/wwwroot/css/r4.css
index bd33434a..9a74d145 100644
--- a/GanjooRazor/wwwroot/css/r4.css
+++ b/GanjooRazor/wwwroot/css/r4.css
@@ -1,3 +1,24 @@
+@font-face {
+    font-family: 'Vazirmatn';
+    src: url('/fonts/Vazirmatn-Regular.woff2') format('woff2');
+    font-weight: 400;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Vazirmatn';
+    src: url('/fonts/Vazirmatn-Medium.woff2') format('woff2');
+    font-weight: 500;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Vazirmatn';
+    src: url('/fonts/Vazirmatn-Bold.woff2') format('woff2');
+    font-weight: 700;
+    font-display: swap;
+}
+
 html {
     height: 100%;
 }