From 5e4e56ed214abcd8ea290c77d18355f8f01331f7 Mon Sep 17 00:00:00 2001 From: Pablo Macias Moreira Date: Thu, 17 Sep 2020 16:53:25 +0200 Subject: [PATCH 1/2] Added font-display: swap; to all fonts to avoid render-blocking resources --- scss/_fonts.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/scss/_fonts.scss b/scss/_fonts.scss index 94e1d37..c15dfe5 100644 --- a/scss/_fonts.scss +++ b/scss/_fonts.scss @@ -2,17 +2,20 @@ font-family: $wallie; src: url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Skinny.woff2") format("woff2"), url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Skinny.woff") format("woff"), url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Skinny.ttf") format("truetype"); font-weight: $font-weight-skinny; + font-display: swap; } @font-face { font-family: $wallie; src: url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Fit.woff2") format("woff2"), url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Fit.woff") format("woff"), url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Fit.ttf") format("truetype"); + font-display: swap; } @font-face { font-family: $wallie; src: url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Chunky.woff2") format("woff2"), url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Chunky.woff") format("woff"), url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Chunky.ttf") format("truetype"); font-weight: $font-weight-chunky; + font-display: swap; } @font-face { @@ -21,4 +24,5 @@ url('//d22j03ecumputt.cloudfront.net/fonts/OCRAStd.woff') format('woff'), url('//d22j03ecumputt.cloudfront.net/fonts/OCRAStd.ttf') format('truetype'), url('//d22j03ecumputt.cloudfront.net/fonts/OCRAStd.svg#OCRAStd') format('svg'); font-weight: normal; font-style: normal; + font-display: swap; } From d54f74bc945fc215f984d7fd1f6c9ed81410c87b Mon Sep 17 00:00:00 2001 From: Pablo Macias Moreira Date: Thu, 17 Sep 2020 18:05:15 +0200 Subject: [PATCH 2/2] Replaced swap for fallback --- scss/_fonts.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/scss/_fonts.scss b/scss/_fonts.scss index c15dfe5..2ecf13b 100644 --- a/scss/_fonts.scss +++ b/scss/_fonts.scss @@ -2,20 +2,20 @@ font-family: $wallie; src: url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Skinny.woff2") format("woff2"), url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Skinny.woff") format("woff"), url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Skinny.ttf") format("truetype"); font-weight: $font-weight-skinny; - font-display: swap; + font-display: fallback; } @font-face { font-family: $wallie; src: url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Fit.woff2") format("woff2"), url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Fit.woff") format("woff"), url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Fit.ttf") format("truetype"); - font-display: swap; + font-display: fallback; } @font-face { font-family: $wallie; src: url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Chunky.woff2") format("woff2"), url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Chunky.woff") format("woff"), url("//d22j03ecumputt.cloudfront.net/fonts/Wallie-Chunky.ttf") format("truetype"); font-weight: $font-weight-chunky; - font-display: swap; + font-display: fallback; } @font-face { @@ -24,5 +24,5 @@ url('//d22j03ecumputt.cloudfront.net/fonts/OCRAStd.woff') format('woff'), url('//d22j03ecumputt.cloudfront.net/fonts/OCRAStd.ttf') format('truetype'), url('//d22j03ecumputt.cloudfront.net/fonts/OCRAStd.svg#OCRAStd') format('svg'); font-weight: normal; font-style: normal; - font-display: swap; + font-display: fallback; }