Add font-display to display text before loading (#16330)
parent
8ce42640e5
commit
3ec8e04b3b
|
@ -5,6 +5,7 @@
|
||||||
url('../fonts/montserrat/Montserrat-Regular.woff') format('woff'),
|
url('../fonts/montserrat/Montserrat-Regular.woff') format('woff'),
|
||||||
url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
|
url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -13,5 +14,6 @@
|
||||||
src: local('Montserrat Medium'),
|
src: local('Montserrat Medium'),
|
||||||
url('../fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
|
url('../fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
font-display: swap;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,5 +6,6 @@
|
||||||
url('../fonts/roboto-mono/robotomono-regular-webfont.ttf') format('truetype'),
|
url('../fonts/roboto-mono/robotomono-regular-webfont.ttf') format('truetype'),
|
||||||
url('../fonts/roboto-mono/robotomono-regular-webfont.svg#roboto_monoregular') format('svg');
|
url('../fonts/roboto-mono/robotomono-regular-webfont.svg#roboto_monoregular') format('svg');
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
font-display: swap;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,6 +6,7 @@
|
||||||
url('../fonts/roboto/roboto-italic-webfont.ttf') format('truetype'),
|
url('../fonts/roboto/roboto-italic-webfont.ttf') format('truetype'),
|
||||||
url('../fonts/roboto/roboto-italic-webfont.svg#roboto-italic-webfont') format('svg');
|
url('../fonts/roboto/roboto-italic-webfont.svg#roboto-italic-webfont') format('svg');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
font-display: swap;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -17,6 +18,7 @@
|
||||||
url('../fonts/roboto/roboto-bold-webfont.ttf') format('truetype'),
|
url('../fonts/roboto/roboto-bold-webfont.ttf') format('truetype'),
|
||||||
url('../fonts/roboto/roboto-bold-webfont.svg#roboto-bold-webfont') format('svg');
|
url('../fonts/roboto/roboto-bold-webfont.svg#roboto-bold-webfont') format('svg');
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
font-display: swap;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -28,6 +30,7 @@
|
||||||
url('../fonts/roboto/roboto-medium-webfont.ttf') format('truetype'),
|
url('../fonts/roboto/roboto-medium-webfont.ttf') format('truetype'),
|
||||||
url('../fonts/roboto/roboto-medium-webfont.svg#roboto-medium-webfont') format('svg');
|
url('../fonts/roboto/roboto-medium-webfont.svg#roboto-medium-webfont') format('svg');
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
font-display: swap;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -39,5 +42,6 @@
|
||||||
url('../fonts/roboto/roboto-regular-webfont.ttf') format('truetype'),
|
url('../fonts/roboto/roboto-regular-webfont.ttf') format('truetype'),
|
||||||
url('../fonts/roboto/roboto-regular-webfont.svg#roboto-regular-webfont') format('svg');
|
url('../fonts/roboto/roboto-regular-webfont.svg#roboto-regular-webfont') format('svg');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
font-display: swap;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue