From 674da9ff3c4873c0cc94d47e0c617b54ef8919dc Mon Sep 17 00:00:00 2001 From: JP Hastings-Spital Date: Sat, 9 Sep 2023 07:44:07 +0100 Subject: [PATCH] Reduce pageload by using system fonts --- assets/scss/_fonts.scss | 51 ----------------------------------------- assets/scss/_main.scss | 2 +- 2 files changed, 1 insertion(+), 52 deletions(-) diff --git a/assets/scss/_fonts.scss b/assets/scss/_fonts.scss index 05a4475a..c52d5da6 100644 --- a/assets/scss/_fonts.scss +++ b/assets/scss/_fonts.scss @@ -1,54 +1,3 @@ -@font-face { - font-family: 'Inter'; - font-style: normal; - font-display: auto; - font-weight: 400; - src: url("../fonts/Inter-Regular.woff2") format("woff2"), - url("../fonts/Inter-Regular.woff") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-display: auto; - font-weight: 400; - src: url("../fonts/Inter-Italic.woff2") format("woff2"), - url("../fonts/Inter-Italic.woff") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-display: auto; - font-weight: 600; - src: url("../fonts/Inter-Medium.woff2") format("woff2"), - url("../fonts/Inter-Medium.woff") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-display: auto; - font-weight: 600; - src: url("../fonts/Inter-MediumItalic.woff2") format("woff2"), - url("../fonts/Inter-MediumItalic.woff") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-display: auto; - font-weight: 800; - src: url("../fonts/Inter-Bold.woff2") format("woff2"), - url("../fonts/Inter-Bold.woff") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-display: auto; - font-weight: 800; - src: url("../fonts/Inter-BoldItalic.woff2") format("woff2"), - url("../fonts/Inter-BoldItalic.woff") format("woff"); -} - @font-face { font-family: 'Caspian'; font-style: normal; diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss index 9d8cf7dd..aa0f5ea0 100644 --- a/assets/scss/_main.scss +++ b/assets/scss/_main.scss @@ -28,7 +28,7 @@ html { body { margin: 0; padding: 0; - font-family: Inter, -apple-system, BlinkMacSystemFont, "Roboto", + font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif; font-display: auto; font-size: 1rem;