Add font-display property

Allows for faster rendering while waiting for fonts to download.
This commit is contained in:
Jesse B. Hannah 2019-01-29 13:12:26 -07:00
parent 3e7343e1a2
commit b76511bd5c
No known key found for this signature in database
GPG Key ID: 5E5C77C65B05644A
4 changed files with 16 additions and 4 deletions

View File

@ -9,6 +9,7 @@
src: url('fonts/hack-regular-subset.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-regular-subset.woff?sha=3114f1256') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
@ -16,6 +17,7 @@
src: url('fonts/hack-bold-subset.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-bold-subset.woff?sha=3114f1256') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
@ -23,6 +25,7 @@
src: url('fonts/hack-italic-subset.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-italic-webfont.woff?sha=3114f1256') format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
@ -30,5 +33,5 @@
src: url('fonts/hack-bolditalic-subset.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-bolditalic-subset.woff?sha=3114f1256') format('woff');
font-weight: 700;
font-style: italic;
font-display: swap;
}

View File

@ -9,6 +9,7 @@
src: url('fonts/hack-regular-subset.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-regular-subset.woff?sha={{ ink }}') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
@ -16,6 +17,7 @@
src: url('fonts/hack-bold-subset.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-bold-subset.woff?sha={{ ink }}') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
@ -23,6 +25,7 @@
src: url('fonts/hack-italic-subset.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-italic-webfont.woff?sha={{ ink }}') format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
@ -30,5 +33,5 @@
src: url('fonts/hack-bolditalic-subset.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-bolditalic-subset.woff?sha={{ ink }}') format('woff');
font-weight: 700;
font-style: italic;
font-display: swap;
}

View File

@ -9,6 +9,7 @@
src: url('fonts/hack-regular.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-regular.woff?sha=3114f1256') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
@ -16,6 +17,7 @@
src: url('fonts/hack-bold.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-bold.woff?sha=3114f1256') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
@ -23,6 +25,7 @@
src: url('fonts/hack-italic.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-italic.woff?sha=3114f1256') format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
@ -30,5 +33,5 @@
src: url('fonts/hack-bolditalic.woff2?sha=3114f1256') format('woff2'), url('fonts/hack-bolditalic.woff?sha=3114f1256') format('woff');
font-weight: 700;
font-style: italic;
font-display: swap;
}

View File

@ -9,6 +9,7 @@
src: url('fonts/hack-regular.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-regular.woff?sha={{ ink }}') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
@ -16,6 +17,7 @@
src: url('fonts/hack-bold.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-bold.woff?sha={{ ink }}') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
@ -23,6 +25,7 @@
src: url('fonts/hack-italic.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-italic.woff?sha={{ ink }}') format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
@ -30,5 +33,5 @@
src: url('fonts/hack-bolditalic.woff2?sha={{ ink }}') format('woff2'), url('fonts/hack-bolditalic.woff?sha={{ ink }}') format('woff');
font-weight: 700;
font-style: italic;
font-display: swap;
}