diff --git a/assets/fonts.scss b/assets/fonts.scss
index 6390a9c..1541e06 100644
--- a/assets/fonts.scss
+++ b/assets/fonts.scss
@@ -3,75 +3,75 @@ fonts:
   - family: "Oswald"
     styles:
       - weight: "normal"
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Oswald-VariableFont_wght.ttf"
       - weight: 200
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Oswald-ExtraLight.ttf"
       - weight: 300
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Oswald-Light.ttf"
       - weight: 400
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Oswald-Regular.ttf"
       - weight: 500
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Oswald-Medium.ttf"
       - weight: 600
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Oswald-SemiBold.ttf"
       - weight: 700
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Oswald-Bold.ttf"
   - family: "Roboto"
     styles:
       - weight: 100
         style: normal
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Roboto-Thin.ttf"
       - weight: 100
         style: oblique
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Roboto-ThinItalic.ttf"
       - weight: 300
         style: normal
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Roboto-Light.ttf"
       - weight: 300
         style: oblique
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Roboto-LightItalic.ttf"
       - weight: 400
         style: normal
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Roboto-Regular.ttf"
       - weight: 400
         style: oblique
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Roboto-RegularItalic.ttf"
       - weight: 500
         style: normal
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Roboto-Medium.ttf"
       - weight: 500
         style: oblique
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Roboto-MediumItalic.ttf"
       - weight: 700
         style: normal
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Roboto-Bold.ttf"
       - weight: 700
         style: oblique
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Roboto-BoldItalic.ttf"
       - weight: 900
         style: normal
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Roboto-Black.ttf"
       - weight: 900
         style: oblique
-        format: "ttf"
+        format: "truetype"
         url: "assets/fonts/Roboto-BlackItalic.ttf"
 ---
 {% for font in page.fonts %}{% for style in font.styles %}@font-face {