1 files changed, 32 insertions, 7 deletions

diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 8db3505..1536605 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -14,6 +14,30 @@
         url('/iosevka-term-ss09-bold.woff2') format('woff2');
 }
 
+@font-face {
+    font-family: 'Iosevka Aile';
+    font-style: normal;
+    font-weight: normal;
+    src: //local('Iosevka Aile'), 
+        url('/iosevka-aile-regular.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Iosevka Aile';
+    font-style: normal;
+    font-weight: bold;
+    src: //local('Iosevka Aile Bold'), 
+        url('/iosevka-aile-bold.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    font-style: normal;
+    font-weight: normal;
+    src: //local('IBM Plex Sans'), 
+        url('/IBMPlexSans-Regular.woff2') format('woff2');
+}
+
 ::selection {
     background-color: var(--select--bg);
     color: var(--select--fg);
@@ -26,14 +50,13 @@ img::selection {
 html,
 pre,
 code {
-    font-family: 'Iosevka Term SS09', 'Lucida Console', 'Courier New', Courier,
-        monospace;
-    font-feature-settings: 'calt' 0, 'dlig' 1;
+    font-feature-settings: 'calt' 0, 'dlig' 1, 'ss09' 1;
 }
 
 html {
     background-color: var(--bg);
     color: var(--fg);
+    font-family: $font-fam--text;
     font-size: px-to-em($font-size, 16px);
     line-height: $line-height;
 }
@@ -43,6 +66,11 @@ body {
     padding: 0;
 }
 
+pre,
+code {
+    font-family: $font-fam--mono;
+}
+
 code {
     color: var(--code--fg);
 }
@@ -54,10 +82,6 @@ pre {
     code {
         color: currentColor;
     }
-
-    strong {
-        font-weight: normal;
-    }
 }
 
 strong {
@@ -82,6 +106,7 @@ li {
         width: $subcontent--indent;
         margin-left: -1 * $subcontent--indent;
         color: var(--fg-hi);
+        font-family: $font-fam--mono;
     }
 }