diff --git a/src/assets/css/global/fonts.css b/src/assets/css/global/fonts.css index 1c5ca83..00655e7 100644 --- a/src/assets/css/global/fonts.css +++ b/src/assets/css/global/fonts.css @@ -1,38 +1,77 @@ -@font-face { - font-family: Inter; - font-style: normal; - font-display: swap; - font-weight: 400; - src: local(''), url(/assets/fonts/inter/inter-v7-latin-500.woff2) format('woff2'), - url(/assets/fonts/inter/inter-v7-latin-500.woff) format('woff'); +/* Set up for old browsers. I set the medium Figtree as regular, as I prefer it a little bolder. */ +@supports not (font-variation-settings: normal) { + @font-face { + font-family: Figtree; + font-style: normal; + font-display: swap; + font-weight: 800; + src: local(''), url('/assets/fonts/figtree/figtree-extrabold.woff2') format('woff2'); + } + + @font-face { + font-family: Figtree; + font-style: normal; + font-display: swap; + font-weight: 600; + src: local(''), url('/assets/fonts/figtree/figtree-semibold.woff2') format('woff2'); + } + + @font-face { + font-family: Figtree; + font-style: normal; + font-display: swap; + font-weight: 500; + src: local(''), url('/assets/fonts/figtree/figtree-medium.woff2') format('woff2'); + } + + @font-face { + font-family: Figtree; + font-style: italic; + font-display: swap; + font-weight: 500; + src: local(''), + url('/assets/fonts/figtree/figtree-mediumitalic.woff2') format('woff2'); + } } -@font-face { - font-family: Inter; - font-style: normal; - font-display: swap; - font-weight: 700; - src: local(''), url(/assets/fonts/inter/inter-v7-latin-700.woff2) format('woff2'), - url(/assets/fonts/inter/inter-v7-latin-700.woff) format('woff'); +/* Set up for modern browsers, all weights */ +@supports (font-variation-settings: normal) { + @font-face { + font-family: 'Figtree'; + src: url('/assets/fonts/figtree/figtree-variable[wght].woff2') + format('woff2 supports variations'), + url('/assets/fonts/figtree/figtree-variable[wght].woff2') format('woff2-variations'); + font-weight: 300 900; + font-style: normal; + font-display: swap; + } + + @font-face { + font-family: 'Figtree'; + src: url('/assets/fonts/figtree/figtree-variable-italic[wght].woff2') + format('woff2 supports variations'), + url('/assets/fonts/figtree/figtree-variable-italic[wght].woff2') + format('woff2-variations'); + font-weight: 300 900; + font-style: italic; + font-display: swap; + } } +/* 900 weight is handled as if 700. */ @font-face { - font-family: Redhat; + font-family: 'Redhat'; font-style: normal; font-display: swap; font-weight: 700; src: local(''), - url(/assets/fonts/redhat/red-hat-display-v7-latin-900.woff2) format('woff2'), - url(/assets/fonts/redhat/red-hat-display-v7-latin-900.woff) format('woff'); + url(/assets/fonts/redhat/red-hat-display-v7-latin-900.woff2) format('woff2'); } @font-face { font-family: 'RobotoMono'; - font-weight: normal; font-style: normal; font-display: swap; - src: local(''), - url(/assets/fonts/robotomono/robotomono-variablefont_wght-webfont.woff2) - format('woff2'), - url(/assets/fonts/robotomono/robotomono-variablefont_wght-webfont.woff) format('woff'); + font-weight: normal; + src: local(''), url(/assets/fonts/robotomono/robotomono-regular.woff2) format('woff2'); } diff --git a/src/assets/fonts/figtree/Figtree-extrabold.woff2 b/src/assets/fonts/figtree/Figtree-extrabold.woff2 new file mode 100644 index 0000000..2aa403b Binary files /dev/null and b/src/assets/fonts/figtree/Figtree-extrabold.woff2 differ diff --git a/src/assets/fonts/figtree/figtree-bold.woff2 b/src/assets/fonts/figtree/figtree-bold.woff2 new file mode 100644 index 0000000..4234201 Binary files /dev/null and b/src/assets/fonts/figtree/figtree-bold.woff2 differ diff --git a/src/assets/fonts/figtree/figtree-medium.woff2 b/src/assets/fonts/figtree/figtree-medium.woff2 new file mode 100644 index 0000000..f489eeb Binary files /dev/null and b/src/assets/fonts/figtree/figtree-medium.woff2 differ diff --git a/src/assets/fonts/figtree/figtree-mediumitalic.woff2 b/src/assets/fonts/figtree/figtree-mediumitalic.woff2 new file mode 100644 index 0000000..cfcfb0a Binary files /dev/null and b/src/assets/fonts/figtree/figtree-mediumitalic.woff2 differ diff --git a/src/assets/fonts/figtree/figtree-semibold.woff2 b/src/assets/fonts/figtree/figtree-semibold.woff2 new file mode 100644 index 0000000..cc27c14 Binary files /dev/null and b/src/assets/fonts/figtree/figtree-semibold.woff2 differ diff --git a/src/assets/fonts/figtree/figtree-variable-italic[wght].woff2 b/src/assets/fonts/figtree/figtree-variable-italic[wght].woff2 new file mode 100644 index 0000000..66fd2d7 Binary files /dev/null and b/src/assets/fonts/figtree/figtree-variable-italic[wght].woff2 differ diff --git a/src/assets/fonts/figtree/figtree-variable[wght].woff2 b/src/assets/fonts/figtree/figtree-variable[wght].woff2 new file mode 100644 index 0000000..9f582ee Binary files /dev/null and b/src/assets/fonts/figtree/figtree-variable[wght].woff2 differ diff --git a/src/assets/fonts/inter/inter-v7-latin-500.woff b/src/assets/fonts/inter/inter-v7-latin-500.woff deleted file mode 100644 index 88d1f59..0000000 Binary files a/src/assets/fonts/inter/inter-v7-latin-500.woff and /dev/null differ diff --git a/src/assets/fonts/inter/inter-v7-latin-500.woff2 b/src/assets/fonts/inter/inter-v7-latin-500.woff2 deleted file mode 100644 index 1cd3f42..0000000 Binary files a/src/assets/fonts/inter/inter-v7-latin-500.woff2 and /dev/null differ diff --git a/src/assets/fonts/inter/inter-v7-latin-700.woff b/src/assets/fonts/inter/inter-v7-latin-700.woff deleted file mode 100644 index 372e819..0000000 Binary files a/src/assets/fonts/inter/inter-v7-latin-700.woff and /dev/null differ diff --git a/src/assets/fonts/inter/inter-v7-latin-700.woff2 b/src/assets/fonts/inter/inter-v7-latin-700.woff2 deleted file mode 100644 index a509dc1..0000000 Binary files a/src/assets/fonts/inter/inter-v7-latin-700.woff2 and /dev/null differ diff --git a/src/assets/fonts/redhat/red-hat-display-v14-latin-italic.woff b/src/assets/fonts/redhat/red-hat-display-v14-latin-italic.woff deleted file mode 100644 index df53771..0000000 Binary files a/src/assets/fonts/redhat/red-hat-display-v14-latin-italic.woff and /dev/null differ diff --git a/src/assets/fonts/redhat/red-hat-display-v14-latin-italic.woff2 b/src/assets/fonts/redhat/red-hat-display-v14-latin-italic.woff2 deleted file mode 100644 index 04aaaf2..0000000 Binary files a/src/assets/fonts/redhat/red-hat-display-v14-latin-italic.woff2 and /dev/null differ diff --git a/src/assets/fonts/redhat/red-hat-display-v14-latin-regular.woff b/src/assets/fonts/redhat/red-hat-display-v14-latin-regular.woff deleted file mode 100644 index 6fd835a..0000000 Binary files a/src/assets/fonts/redhat/red-hat-display-v14-latin-regular.woff and /dev/null differ diff --git a/src/assets/fonts/redhat/red-hat-display-v14-latin-regular.woff2 b/src/assets/fonts/redhat/red-hat-display-v14-latin-regular.woff2 deleted file mode 100644 index 0e6bc8c..0000000 Binary files a/src/assets/fonts/redhat/red-hat-display-v14-latin-regular.woff2 and /dev/null differ diff --git a/src/assets/fonts/redhat/red-hat-display-v7-latin-900.woff b/src/assets/fonts/redhat/red-hat-display-v7-latin-900.woff deleted file mode 100644 index 5f74ee7..0000000 Binary files a/src/assets/fonts/redhat/red-hat-display-v7-latin-900.woff and /dev/null differ diff --git a/src/assets/fonts/robotomono/robotomono-regular.woff2 b/src/assets/fonts/robotomono/robotomono-regular.woff2 new file mode 100644 index 0000000..c1c3b6c Binary files /dev/null and b/src/assets/fonts/robotomono/robotomono-regular.woff2 differ diff --git a/src/assets/fonts/robotomono/robotomono-variablefont_wght-webfont.woff b/src/assets/fonts/robotomono/robotomono-variablefont_wght-webfont.woff deleted file mode 100644 index 2fe1245..0000000 Binary files a/src/assets/fonts/robotomono/robotomono-variablefont_wght-webfont.woff and /dev/null differ diff --git a/src/assets/fonts/robotomono/robotomono-variablefont_wght-webfont.woff2 b/src/assets/fonts/robotomono/robotomono-variablefont_wght-webfont.woff2 deleted file mode 100644 index 91441e9..0000000 Binary files a/src/assets/fonts/robotomono/robotomono-variablefont_wght-webfont.woff2 and /dev/null differ