diff --git a/sass/style.scss b/sass/style.scss
index a4e6e49..72f4556 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -14,6 +14,12 @@ body[theme="dark"] { @include dark-appearance; }
 @media (prefers-color-scheme: dark) {
   body[theme="auto"] { @include dark-appearance; }
 }
+
+@font-face {
+  font-family: "Vazir";
+  src: url(fonts/Vazirmatn-Regular.ttf) format("truetype");
+}
+
 // -------------------------------------------- //
 
 // bg color is also needed in html in order to
@@ -25,7 +31,7 @@ html { height: 100%; }
 
 body {
   color: black;
-  font-family: monospace;
+  font-family: "Vazir";
   font-size: 16px;
   line-height: 1.4;
   margin: 0;
@@ -46,7 +52,7 @@ li { margin: 0.4rem 0; }
 *:target { background: yellow; }
 
 .w {
-  max-width: 640px;
+  max-width: 850px;
   margin: 0 auto;
   padding: 4rem 2rem;
 }
@@ -69,7 +75,7 @@ table, th, td {
 
 code {
   color: white;
-  background: black;
+  background: rgb(99, 99, 99);
 }
 
 pre code {
diff --git a/static/fonts/Vazirmatn-Regular.ttf b/static/fonts/Vazirmatn-Regular.ttf
new file mode 100644
index 0000000..64e4a81
Binary files /dev/null and b/static/fonts/Vazirmatn-Regular.ttf differ