Fix Archivo Narrow FOUT

styles/components/main-nav.less

@@ -51,8 +51,17 @@
       background-color: @navbar-inverse-border;
       border-color: @navbar-inverse-border;
     }
-  }
-  
+  } 
 }
 
+.wf-loading {
+    .navbar-nav > li > a,
+    .navbar-nav > li > span {
+      opacity: 0;
+  }
+}
 
+.ie.wf-loading .navbar-nav > li > a,
+.ie.wf-loading .navbar-nav > li > span {
+  visibility: hidden;
+}

styles/components/typography.less

@@ -9,6 +9,18 @@ h1, h2, h3 {
   font-family: 'Archivo Narrow', sans-serif;
 }
 
+.wf-loading h1,
+.wf-loading h2,
+.wf-loading h3 {
+  opacity: 0;
+}
+
+.ie.wf-loading h1,
+.ie.wf-loading h2,
+.ie.wf-loading h3 {
+  visibility: hidden;
+}
+
 li {
     margin-top: 15px;
 }

templates/includes/head.hbs

@@ -13,6 +13,7 @@
 
 <!-- Webfonts -->
 <script type="text/javascript">
+  document.getElementsByTagName("html")[0].setAttribute("class","wf-loading");
   WebFontConfig = {google: {families: ['Archivo Narrow'] }};
   (function() {
     var wf = document.createElement('script');