diff --git a/material/base.html b/material/base.html
index 577bfbee4..1dd0a7f34 100644
--- a/material/base.html
+++ b/material/base.html
@@ -74,7 +74,7 @@
         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={{
               font.text | replace(' ', '+')  + ':300,400,400i,700|' +
               font.code | replace(' ', '+')
-            }}">
+            }}&display=swap">
         <style>body,input{font-family:"{{ font.text }}","Helvetica Neue",Helvetica,Arial,sans-serif}code,kbd,pre{font-family:"{{ font.code }}","Courier New",Courier,monospace}</style>
       {% endif %}
     {% endblock %}
diff --git a/src/base.html b/src/base.html
index c2f894251..0d1508e7d 100644
--- a/src/base.html
+++ b/src/base.html
@@ -145,7 +145,7 @@
             href="https://fonts.googleapis.com/css?family={{
               font.text | replace(' ', '+')  + ':300,400,400i,700|' +
               font.code | replace(' ', '+')
-            }}" />
+            }}&display=swap" />
         <style>
           body, input {
             font-family: "{{ font.text }}", "Helvetica Neue",