fix: Font loading causing a layout shift (#255)

Use `preload` instruction for loading font CSS https://web.dev/articles/optimize-cls?utm_source=lighthouse&utm_medium=devtools#web-fonts
Nadock · Feb 15, 2024 · 287ebbe · 287ebbe
1 parent 86da6b1
commit 287ebbe
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/templates/base.html b/templates/base.html
@@ -36,7 +36,7 @@
     {% endblock opengraph %}
 
     {% block stylesheets %}
-    <link rel="stylesheet" type="text/css" href="/font/fira_code.css">
+    <link rel="preload" type="text/css" href="/font/fira_code.css">
     <link rel="stylesheet" type="text/css" href="/css/base_site_layout.css">
     <link rel="stylesheet" type="text/css" href="/css/markdown_formatting.css">
     <link rel="stylesheet" type="text/css" href="/css/code_highlighting.css">