From ef1d5762447744bc9ac379e9ba189d46cbe0a405 Mon Sep 17 00:00:00 2001 From: Anna Sidwell Date: Thu, 14 Nov 2019 00:25:10 +0000 Subject: [PATCH] Avoid invisible text while fonts load --- src/assets/styles/libs/_google-fonts/opensans.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/assets/styles/libs/_google-fonts/opensans.scss b/src/assets/styles/libs/_google-fonts/opensans.scss index eb85b4a..1e468d4 100644 --- a/src/assets/styles/libs/_google-fonts/opensans.scss +++ b/src/assets/styles/libs/_google-fonts/opensans.scss @@ -5,6 +5,7 @@ $fontdir: "../fonts" !default; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url('#{$fontdir}/OpenSans-Italic.ttf') format('truetype'); + font-display: swap; } @font-face { @@ -12,6 +13,7 @@ $fontdir: "../fonts" !default; font-style: italic; font-weight: 600; src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(#{$fontdir}/OpenSans-SemiBoldItalic.ttf) format('truetype'); + font-display: swap; } @font-face { @@ -19,6 +21,7 @@ $fontdir: "../fonts" !default; font-style: italic; font-weight: 800; src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(#{$fontdir}/OpenSans-ExtraBoldItalic.ttf) format('truetype'); + font-display: swap; } @font-face { @@ -26,6 +29,7 @@ $fontdir: "../fonts" !default; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(#{$fontdir}/OpenSans-Regular.ttf) format('truetype'); + font-display: swap; } @font-face { @@ -33,6 +37,7 @@ $fontdir: "../fonts" !default; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(#{$fontdir}/OpenSans-SemiBold.ttf) format('truetype'); + font-display: swap; } @font-face { @@ -40,4 +45,5 @@ $fontdir: "../fonts" !default; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(#{$fontdir}/OpenSans-ExtraBold.ttf) format('truetype'); + font-display: swap; }