change the way we include Typekit to avoid unexpected error. See anti…

…statique/ehnv#121

README.md

@@ -5,10 +5,20 @@ EHNV Styleguide.
 
 First of all, you need to have the following tools installed globally on your environment:
 
-  * node
+  * node v9
   * yarn
   * gulp
 
+## Typography
+The fonts `Proxima` is currently served by Typekit's Antistatique account.
+
+Don't forget to include the fonts:
+
+
+```html
+<link rel="stylesheet" href="https://use.typekit.net/xld7vod.css">
+```
+
 ## Install
 
   ````shell

assets/sass/main.scss

@@ -11,8 +11,6 @@
 @import 'helpers';
 @import 'webform';
 
-@import url("https://use.typekit.net/xld7vod.css");
-
 // atoms:
 @import 'atoms/portraits';
 @import 'atoms/contact-infos';

assets/templates/views/layouts/default.html

@@ -16,17 +16,7 @@
     {{/if}}
     <link rel="stylesheet" href="{{#if fabricator}}./{{else}}./../{{/if}}build/css/vendors.min.css">
     <link rel="stylesheet" href="{{#if fabricator}}./{{else}}./../{{/if}}build/css/main.css">
-
-    <script>
-      (function(d) {
-        var config = {
-          kitId: 'xld7vod',
-          scriptTimeout: 3000,
-          async: true
-        },
-        h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
-      })(document);
-    </script>
+    <link rel="stylesheet" href="https://use.typekit.net/xld7vod.css">
 
     <!--[if lt IE 9]>
       <script src="{{#if fabricator}}./{{else}}./../{{/if}}build/js/polyfills.min.js"></script>