From 059f0d4c548c282a2385a6ef40c5ec9cc8e5a15a Mon Sep 17 00:00:00 2001 From: koehr Date: Wed, 16 Jan 2019 16:07:20 +0100 Subject: [PATCH 1/2] use font-display:optional to optimize web font loading --- less/fonts.less | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/less/fonts.less b/less/fonts.less index fd01dd4..3a2605f 100644 --- a/less/fonts.less +++ b/less/fonts.less @@ -3,6 +3,7 @@ font-family: 'Open Sans'; font-style: normal; font-weight: 400; + font-display: optional; src: url('/fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans'), local('OpenSans'), url('/fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ @@ -16,6 +17,7 @@ font-family: 'Open Sans'; font-style: normal; font-weight: 700; + font-display: optional; src: url('/fonts/open-sans-v13-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fonts/open-sans-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ @@ -29,6 +31,7 @@ font-family: 'Lora'; font-style: normal; font-weight: 400; + font-display: optional; src: url('/fonts/Lora-Regular.eot'); /* IE9 Compat Modes */ src: local('Lora'), local('Lora-Regular'), url('/fonts/Lora-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ @@ -41,6 +44,7 @@ font-family: 'Lora'; font-style: normal; font-weight: 700; + font-display: optional; src: url('/fonts/Lora-Bold.eot'); /* IE9 Compat Modes */ src: local('Lora Bold'), local('Lora-Bold'), url('/fonts/Lora-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ @@ -52,6 +56,7 @@ font-family: 'Lora'; font-style: italic; font-weight: 400; + font-display: optional; src: url('/fonts/Lora-Italic.eot'); /* IE9 Compat Modes */ src: local('Lora Italic'), local('Lora-Italic'), url('/fonts/Lora-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ From 7da8b3aef693c91fbccf2ecca5bb8063d57952b8 Mon Sep 17 00:00:00 2001 From: Norman Date: Wed, 16 Jan 2019 23:07:44 +0100 Subject: [PATCH 2/2] Fixes indentation --- less/fonts.less | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/less/fonts.less b/less/fonts.less index 3a2605f..7ee5356 100644 --- a/less/fonts.less +++ b/less/fonts.less @@ -3,7 +3,7 @@ font-family: 'Open Sans'; font-style: normal; font-weight: 400; - font-display: optional; + font-display: optional; src: url('/fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans'), local('OpenSans'), url('/fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ @@ -17,7 +17,7 @@ font-family: 'Open Sans'; font-style: normal; font-weight: 700; - font-display: optional; + font-display: optional; src: url('/fonts/open-sans-v13-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fonts/open-sans-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ @@ -31,7 +31,7 @@ font-family: 'Lora'; font-style: normal; font-weight: 400; - font-display: optional; + font-display: optional; src: url('/fonts/Lora-Regular.eot'); /* IE9 Compat Modes */ src: local('Lora'), local('Lora-Regular'), url('/fonts/Lora-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ @@ -44,7 +44,7 @@ font-family: 'Lora'; font-style: normal; font-weight: 700; - font-display: optional; + font-display: optional; src: url('/fonts/Lora-Bold.eot'); /* IE9 Compat Modes */ src: local('Lora Bold'), local('Lora-Bold'), url('/fonts/Lora-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ @@ -53,14 +53,14 @@ url('/fonts/Lora-Bold.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face { - font-family: 'Lora'; - font-style: italic; - font-weight: 400; - font-display: optional; - src: url('/fonts/Lora-Italic.eot'); /* IE9 Compat Modes */ - src: local('Lora Italic'), local('Lora-Italic'), - url('/fonts/Lora-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/fonts/Lora-Italic.woff2') format('woff2'), /* Super Modern Browsers */ - url('/fonts/Lora-Italic.woff') format('woff'), /* Modern Browsers */ - url('/fonts/Lora-Italic.ttf') format('truetype'); /* Safari, Android, iOS */ + font-family: 'Lora'; + font-style: italic; + font-weight: 400; + font-display: optional; + src: url('/fonts/Lora-Italic.eot'); /* IE9 Compat Modes */ + src: local('Lora Italic'), local('Lora-Italic'), + url('/fonts/Lora-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/Lora-Italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/Lora-Italic.woff') format('woff'), /* Modern Browsers */ + url('/fonts/Lora-Italic.ttf') format('truetype'); /* Safari, Android, iOS */ }