finally fixed the stupid safari bug...

henry-lang · henry-lang · commit c7112aebe4a6 · 2021-11-20T23:48:17.000-05:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -7,7 +7,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="preload" href="/assets/fonts/iosevka-regular.woff2" as="font" crossorigin>
+    <link rel="preload" as="font" href="/assets/fonts/iosevka-regular.woff2" type="font/woff2" crossorigin="anonymous">
     <link rel="stylesheet" href="/assets/styles/style.css">
 </head>
 <body>
diff --git a/assets/styles/style.sass b/assets/styles/style.sass
@@ -1,25 +1,26 @@
 ---
 ---
 
-// @font-face
-//     font-family: Iosevka
-//     font-display: swap
-//     src: url(../fonts/iosevka-regular.ttf)
-
-$font: Iosevka
-$backup-font: Arial
+$font: Iosevka, Arial
 
 $accent: #4fb8ff
 $text: #92a1ae
 $mid: #424c57
 $dark: #21272f
 $very-dark: #1b2129
 
+@font-face
+    font-family: Iosevka
+    font-display: swap
+    src: url(/assets/fonts/iosevka-regular.woff2) format("woff2")
+
 @keyframes fadein
     from
         opacity: 0
+        transform: translateX(30px)
     to
         opacity: 1
+        transform: translateX(0px)
 
 @mixin bar-links
     >
@@ -35,7 +36,7 @@ $very-dark: #1b2129
 
 h1, a, p
     color: $text
-    font-family: $font, $backup-font
+    font-family: $font
 
 nav
     @include bar-links
@@ -69,4 +70,7 @@ body
     margin: auto
     width: 80vw
     min-height: 100vh
-    animation: fadein 0.35s
+
+    >
+        *
+            animation: fadein 0.35s
diff --git a/index.html b/index.html
@@ -2,5 +2,4 @@
 layout: default
 ---
 
-<p><strong>{{site.url}}</strong></p>
 <p>Work in progress blog & portfolio, just wait!</p>
