Use font-display: swap to avoid render blocking

Signed-off-by: Harsh Shandilya <msfjarvis@gmail.com>
This commit is contained in:
Harsh Shandilya 2019-10-02 14:27:30 +05:30
parent fc665d09ab
commit e8a41a76be
2 changed files with 7 additions and 7 deletions

View File

@ -1,7 +1,7 @@
@font-face {
font-family: 'Inter UI';
font-style: normal;
font-display: auto;
font-display: swap;
font-weight: 400;
src: url("../fonts/Inter-UI-Regular.woff2") format("woff2"),
url("../fonts/Inter-UI-Regular.woff") format("woff");
@ -9,7 +9,7 @@
@font-face {
font-family: 'Inter UI';
font-style: italic;
font-display: auto;
font-display: swap;
font-weight: 400;
src: url("../fonts/Inter-UI-Italic.woff2") format("woff2"),
url("../fonts/Inter-UI-Italic.woff") format("woff");
@ -18,7 +18,7 @@
@font-face {
font-family: 'Inter UI';
font-style: normal;
font-display: auto;
font-display: swap;
font-weight: 600;
src: url("../fonts/Inter-UI-Medium.woff2") format("woff2"),
url("../fonts/Inter-UI-Medium.woff") format("woff");
@ -26,7 +26,7 @@
@font-face {
font-family: 'Inter UI';
font-style: italic;
font-display: auto;
font-display: swap;
font-weight: 600;
src: url("../fonts/Inter-UI-MediumItalic.woff2") format("woff2"),
url("../fonts/Inter-UI-MediumItalic.woff") format("woff");
@ -35,7 +35,7 @@
@font-face {
font-family: 'Inter UI';
font-style: normal;
font-display: auto;
font-display: swap;
font-weight: 800;
src: url("../fonts/Inter-UI-Bold.woff2") format("woff2"),
url("../fonts/Inter-UI-Bold.woff") format("woff");
@ -43,7 +43,7 @@
@font-face {
font-family: 'Inter UI';
font-style: italic;
font-display: auto;
font-display: swap;
font-weight: 800;
src: url("../fonts/Inter-UI-BoldItalic.woff2") format("woff2"),
url("../fonts/Inter-UI-BoldItalic.woff") format("woff");

View File

@ -4,7 +4,7 @@
src: url('fonts/icomoon.eot?ytqq37#iefix') format("embedded-opentype"), url('fonts/icomoon.ttf?ytqq37') format("truetype"), url('fonts/icomoon.woff?ytqq37') format("woff"), url('fonts/icomoon.svg?ytqq37#icomoon') format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
font-display: swap;
}
[class^="icon-"], [class*=" icon-"] {