css: use Iosevka Iaso fonts

Signed-off-by: Xe Iaso <me@xeiaso.net>

1 files changed, 27 insertions, 13 deletions

diff --git a/static/css/hack.css b/static/css/hack.css
index c531557..c8be19c 100644
--- a/static/css/hack.css
+++ b/static/css/hack.css
@@ -1,17 +1,32 @@
+@font-face {
+    font-family: "Iosevka Etoile Iaso";
+    font-weight: 100 900;
+    src: local("Iosevka Etoile Iaso"), url("iosevka/iosevka-etoile-regular.woff2") format("woff2"), url("iosevka/iosevka-etoile-italic.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Iosevka Aile Iaso";
+    font-weight: 100 900;
+    src: local("Iosevka Aile Iaso"), url("iosevka/iosevka-aile-regular.woff2") format("woff2"), url("iosevka/iosevka-aile-italic.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Iosevka Term Iaso";
+    font-weight: 100 900;
+    src: local("Iosevka Term Iaso"), url("iosevka/iosevka-curly-regular.woff2") format("woff2");
+}
+
 html {
   font-size: 14px;
   -webkit-text-size-adjust: none;
   text-size-adjust: none;
 }
-* {
-  box-sizing: border-box;
-  text-rendering: geometricPrecision;
-}
 body {
   font-size: 1rem;
   line-height: 1.75rem;
   margin: 0;
-  font-family: Menlo, monospace;
+  font-family: "Iosevka Aile Iaso", Menlo, monospace;
+  font-weight: 500;
   word-wrap: break-word;
 }
 ::selection {
@@ -33,6 +48,11 @@ pre code {
   font-weight: 100;
   text-shadow: none;
   margin: 1.75rem 0;
+  font-size: 1.5rem;
+  font-family: "Iosevka Term Iaso", Menlo, monospace;
+}
+code {
+  font-family: "Iosevka Term Iaso", Menlo, monospace;
 }
 iframe {
   max-width: 100%;
@@ -158,11 +178,10 @@ a:hover {
 .hack p,
 .hack .conversation-chat,
 .hack blockquote,
-.hack em,
 .hack strong {
   font-size: 1rem;
   font-style: normal;
-  font-family: Menlo, monospace;
+  font-family: "Iosevka Aile Iaso", Menlo, monospace;
 }
 .hack blockquote,
 .hack code,
@@ -246,11 +265,6 @@ a:hover {
   left: 0;
   line-height: 20px;
 }
-.hack em:after,
-.hack em:before {
-  content: "*";
-  display: inline;
-}
 .hack pre code:after,
 .hack pre code:before {
   display: none;
@@ -286,7 +300,7 @@ p {
   margin: 0 0 1.75rem;
 }
 .container {
-  max-width: 70rem;
+  max-width: 60rem;
 }
 .container,
 .container-fluid {