Too much speed: new threejs + new IO polyfill + font-face and custom font with font-display rule 🚀

Author: chicio

CHANGELOG.md

@@ -6,7 +6,10 @@ Release date: 2019-05-11.
 
 #### Added
 
-- removed fontawesome full installation, switch to iconmoon 
+- removed fontawesome full installation, switch to iconmoon
+- prefetch blog url everywhere
+- font-face with local open sans font and font-display
+- updated intersection observer polifyll and threejs
 
 ## [1.9.0](https://github.com/chicio/chicio.github.io/releases/tag/1.9.0)
 Release date: 2019-05-10.

_css/common.scss

@@ -1,4 +1,5 @@
 @import "../node_modules/bootstrap/scss/bootstrap";
+@import "./opensans.scss";
 @import "./icomoon.scss";
 @import "./theme.scss";
 @import "./loader.scss";
@@ -8,15 +9,9 @@ html {
   max-width: 100%;
   overflow-x: hidden;
 
-  &.wf-active {
-    body {
-      font: 20px 'Open Sans', sans-serif;
-      line-height: 1.8;
-    }
-  }
-
   body {
-    font: 20px Helvetica, Arial, sans-serif;
+    font: 20px 'Open Sans', Helvetica, Arial, sans-serif;
+    line-height: 1.8;
     max-width: 100%;
     overflow-x: hidden;
   }

_css/opensans.scss

@@ -0,0 +1,12 @@
+@font-face {
+  font-family: "Open Sans";
+  src: local("Open Sans Regular"),
+       url("/assets/fonts/opensans/OpenSans-Regular.woff2") format("woff2"), 
+       url("/assets/opensans/OpenSans-Regular.woff") format("woff"),
+       url('/assets/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
+       url('/assets/opensans/OpenSans-Regular.ttf') format('truetype'),
+       url('/assets/opensans/OpenSans-Regular.svg#OpenSansRegular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: fallback;
+}