Avoid invisible text while fonts load

This commit is contained in:
Anna Sidwell 2019-11-14 00:25:10 +00:00
parent adcd1ceec4
commit ef1d576244

View File

@ -5,6 +5,7 @@ $fontdir: "../fonts" !default;
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('#{$fontdir}/OpenSans-Italic.ttf') format('truetype'); src: local('Open Sans Italic'), local('OpenSans-Italic'), url('#{$fontdir}/OpenSans-Italic.ttf') format('truetype');
font-display: swap;
} }
@font-face { @font-face {
@ -12,6 +13,7 @@ $fontdir: "../fonts" !default;
font-style: italic; font-style: italic;
font-weight: 600; font-weight: 600;
src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(#{$fontdir}/OpenSans-SemiBoldItalic.ttf) format('truetype'); src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(#{$fontdir}/OpenSans-SemiBoldItalic.ttf) format('truetype');
font-display: swap;
} }
@font-face { @font-face {
@ -19,6 +21,7 @@ $fontdir: "../fonts" !default;
font-style: italic; font-style: italic;
font-weight: 800; font-weight: 800;
src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(#{$fontdir}/OpenSans-ExtraBoldItalic.ttf) format('truetype'); src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(#{$fontdir}/OpenSans-ExtraBoldItalic.ttf) format('truetype');
font-display: swap;
} }
@font-face { @font-face {
@ -26,6 +29,7 @@ $fontdir: "../fonts" !default;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(#{$fontdir}/OpenSans-Regular.ttf) format('truetype'); src: local('Open Sans Regular'), local('OpenSans-Regular'), url(#{$fontdir}/OpenSans-Regular.ttf) format('truetype');
font-display: swap;
} }
@font-face { @font-face {
@ -33,6 +37,7 @@ $fontdir: "../fonts" !default;
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(#{$fontdir}/OpenSans-SemiBold.ttf) format('truetype'); src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(#{$fontdir}/OpenSans-SemiBold.ttf) format('truetype');
font-display: swap;
} }
@font-face { @font-face {
@ -40,4 +45,5 @@ $fontdir: "../fonts" !default;
font-style: normal; font-style: normal;
font-weight: 800; font-weight: 800;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(#{$fontdir}/OpenSans-ExtraBold.ttf) format('truetype'); src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(#{$fontdir}/OpenSans-ExtraBold.ttf) format('truetype');
font-display: swap;
} }