diff options
| author |  mundry <1453314+mundry@users.noreply.github.com>
| 2021-09-14 23:21:40 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-09-14 14:21:40 -0700 |
| commit | 32891fbe96bbce3590ada383b245740ff56d34ec (patch) | |
| tree | eab5b0d86ffa0077627cdfda0fbae00dafd3ea02 /www/src/scss | |
| parent | b6a75494b1c128503de3eba5363b46528142d8b2 (diff) | |
| download | astro-32891fbe96bbce3590ada383b245740ff56d34ec.tar.gz astro-32891fbe96bbce3590ada383b245740ff56d34ec.tar.zst astro-32891fbe96bbce3590ada383b245740ff56d34ec.zip | |
Self-host homepage fonts to improve page load speed (#1370)
Co-authored-by: mundry <mundry@users.noreply.github.com>
Diffstat (limited to '')
| -rw-r--r-- | www/src/scss/blog.scss | 1 | ||||
| -rw-r--r-- | www/src/scss/fonts.scss | 49 | ||||
| -rw-r--r-- | www/src/scss/global.scss | 2 |
3 files changed, 52 insertions, 0 deletions
diff --git a/www/src/scss/blog.scss b/www/src/scss/blog.scss index 3be4f48ec..08dc0262c 100644 --- a/www/src/scss/blog.scss +++ b/www/src/scss/blog.scss @@ -1,3 +1,4 @@ +@use './fonts.scss'; @use './code.scss'; :root { diff --git a/www/src/scss/fonts.scss b/www/src/scss/fonts.scss new file mode 100644 index 000000000..8d67b31fb --- /dev/null +++ b/www/src/scss/fonts.scss @@ -0,0 +1,49 @@ +/* ibm-plex-sans-regular - latin */ +@font-face { + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 400; + src: local(''), + url('/assets/fonts/ibm-plex-sans/ibm-plex-sans-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('/assets/fonts/ibm-plex-sans/ibm-plex-sans-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* ibm-plex-sans-600 - latin */ +@font-face { + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 600; + src: local(''), + url('/assets/fonts/ibm-plex-sans/ibm-plex-sans-v9-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('/assets/fonts/ibm-plex-sans/ibm-plex-sans-v9-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* ibm-plex-sans-700 - latin */ +@font-face { + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 700; + src: local(''), + url('/assets/fonts/ibm-plex-sans/ibm-plex-sans-v9-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('/assets/fonts/ibm-plex-sans/ibm-plex-sans-v9-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* ibm-plex-mono-regular - latin */ +@font-face { + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 400; + src: local(''), + url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-v7-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-v7-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* ibm-plex-mono-700 - latin */ +@font-face { + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 700; + src: local(''), + url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-v7-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-v7-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} diff --git a/www/src/scss/global.scss b/www/src/scss/global.scss index 111e5bac3..e27a31a44 100644 --- a/www/src/scss/global.scss +++ b/www/src/scss/global.scss @@ -1,3 +1,5 @@ +@use './fonts.scss'; + :root { --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; --font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', |