Merge pull request #92 from vrk-kpa/feature/font-display-swap

Use Google Webfont's new feature to set display:swap with query param
vrk-kpa · May 17, 2019 · 8152644 · 8152644
2 parents e2f4bf9 + fa5a5c8
commit 8152644
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/FAQ.md b/FAQ.md
@@ -2,7 +2,7 @@
 
 1. ## Fonts don't seem to be correct
 
-   Add `@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');` to your applications CSS.
+   Add `@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&display=swap');` to your applications CSS.
 
 2. ## Content-Security-Policy (CSP) problems?
 

diff --git a/src/core/theme/fontFaces.css b/src/core/theme/fontFaces.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&display=swap');
 
 /* Google Developers suggests using Lighthouse
  * -> Lighthouse warns about not using font-display on loading fonts -> Web page uses Google Fonts the way it's suggested on Google Fonts

diff --git a/styleguide.config.js b/styleguide.config.js
@@ -33,7 +33,7 @@ module.exports = {
         {
           rel: 'stylesheet',
           href:
-            'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700',
+            'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap',
         },
       ],
     },
-Original file line number
+Diff line change
@@ Expand Up / @@ -33,7 +33,7 @@ module.exports = { @@
             {
               rel: 'stylesheet',
               href:
-                'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700',
+                'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap',
             },
           ],
         },
@@ Expand Down @@