diff --git a/_includes/head.html b/_includes/head.html
index 73a0bcb..b868893 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -5,7 +5,7 @@
     <link rel="stylesheet" href="{{ '/assets/css/mdb.min.css' | relative_url }}"/>
 
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@{{ site.fontawesome.version }}/css/all.min.css" integrity="{{ site.fontawesome.integrity }}" crossorigin="anonymous">
-    <link rel="stylesheet" href="{{ '/assets/css/fonts.css' | relative_url }}">
+    <link rel="preload" href="{{ '/assets/css/fonts.css' | relative_url }}" as="font">
 
     <link rel="stylesheet" href="https://gitcdn.link/repo/jwarby/jekyll-pygments-themes/master/{{ site.highlight_theme }}.css"/>
 
diff --git a/assets/css/fonts.css b/assets/css/fonts.css
index e26b4cc..e6ee3de 100644
--- a/assets/css/fonts.css
+++ b/assets/css/fonts.css
@@ -9,7 +9,7 @@
        url('../fonts/roboto-v29-latin-regular.woff') format('woff'),
        url('../fonts/roboto-v29-latin-regular.ttf') format('truetype'),
        url('../fonts/roboto-v29-latin-regular.svg#Roboto') format('svg');
-  font-display: swap;
+  /* font-display: swap; */
 }
 
 @font-face {
@@ -23,7 +23,7 @@
        url('../fonts/roboto-v29-latin-500.woff') format('woff'),
        url('../fonts/roboto-v29-latin-500.ttf') format('truetype'),
        url('../fonts/roboto-v29-latin-500.svg#Roboto') format('svg');
-  font-display: swap;
+  /* font-display: swap; */
 }
 
 @font-face {
@@ -37,7 +37,7 @@
        url('../fonts/roboto-v29-latin-700.woff') format('woff'),
        url('../fonts/roboto-v29-latin-700.ttf') format('truetype'),
        url('../fonts/roboto-v29-latin-700.svg#Roboto') format('svg');
-  font-display: swap;
+  /* font-display: swap; */
 }
 
 .material-icons {