Not sure how, but this fixed fonts loading slowly

gallery/static/fonts/font.css

@@ -0,0 +1,7 @@
+@font-face {
+    font-family: 'Rubik';
+    src: url('./Rubik.ttf') format('truetype');
+    font-style: normal;
+    font-display: block;
+    font-weight: 300 900;
+}

gallery/static/sass/variables.sass

@@ -74,13 +74,3 @@ $breakpoint: 800px
 
     --breakpoint: 800px
 
-// I have no clue if its webassets or libsass thats doing this shit
-// But one of them is trying to "correct" the path, and 404-ing the
-// font, so enjoy this path fuckery
-
-@font-face
-    font-family: 'Rubik'
-    src: url('../../../../static/fonts/Rubik.ttf') format('truetype')
-    font-style: normal
-    font-display: swap
-    font-weight: 300 900

gallery/templates/layout.html

@@ -30,6 +30,11 @@
         type="image/svg+xml"
         media="(prefers-color-scheme: dark)"/>
 
+    <link
+        rel="prefetch"
+        href="{{url_for('static', filename='fonts/font.css')}}"
+        type="stylesheet"/>
+
     {% assets "scripts" %}
         <script type="text/javascript" src="{{ ASSET_URL }}"></script>
     {% endassets %}