fix fontface

hendrikeng · Sep 18, 2019 · 2172fd9 · 2172fd9
1 parent 5b81b69
commit 2172fd9
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/inlineJs/load-fonts.js b/src/inlineJs/load-fonts.js
@@ -4,5 +4,5 @@ var FontA = new FontFaceObserver("Roboto Condensed");
 var FontB = new FontFaceObserver("Cabin");
 
 Promise.all([FontA.load(), FontB.load()]).then(function () {
-    document.documentElement.className += " fonts-loaded FO ";
+    document.documentElement.className += "fonts-loaded";
 });
diff --git a/templates/_layouts/_partials/font-face-observer.twig b/templates/_layouts/_partials/font-face-observer.twig
@@ -2,6 +2,7 @@
     <style>
         {{ craft.twigpack.includeFile("@webroot/dist/css/webfonts.css") }}
     </style>
+    {% set fontsLoaded = getCookie('fonts-loaded') %}
     {% if fontsLoaded and fontsLoaded == assetHash %}
     {% else %}
         <script>

diff --git a/templates/_layouts/_partials/html-tag.twig b/templates/_layouts/_partials/html-tag.twig
@@ -1,13 +1,13 @@
 {% if not craft.app.config.general.devMode %}
     {% set fontsLoaded = getCookie('fonts-loaded') %}
     {% if fontsLoaded and fontsLoaded == assetHash %}
-        <html class="fonts-loaded HTML " lang="{{ craft.app.language |slice(0,2) }}"
+        <html class="fonts-loaded" lang="{{ craft.app.language |slice(0,2) }}"
         prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
     {% else %}
         <html lang="{{ craft.app.language |slice(0,2) }}"
         prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
     {% endif %}
 {% else %}
-    <html class="fonts-loaded dev" lang="{{ craft.app.language |slice(0,2) }}"
+    <html class="fonts-loaded" lang="{{ craft.app.language |slice(0,2) }}"
           prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
 {% endif %}