Use Google Fonts CSS directly with preconnect

See https://www.cdnplanet.com/blog/faster-google-webfonts-preconnect/.
yous · May 24, 2018 · 660a74f · 660a74f
1 parent 0a338f0
commit 660a74f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 11 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # ChangeLog
 
+## HEAD
+
+- Use Google Fonts CSS directly with preconnect
+
 ## 1.6.1 (2018-04-09)
 
 - Fix lang attribute for post with external URL

diff --git a/_includes/fonts.html b/_includes/fonts.html
@@ -1,11 +1,2 @@
-<script type="text/javascript">
-  WebFontConfig = {
-    google: { families: [ 'Bitter:400,700,400italic:latin' ] }
-  };
-  (function(d) {
-    var wf = d.createElement('script'), s = d.scripts[0];
-    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
-    wf.async = true;
-    s.parentNode.insertBefore(wf, s);
-  })(document);
-</script>
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css?family=Bitter:400,400i,700" rel="stylesheet">