diff options
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/_variables.scss | 4 | ||||
| -rw-r--r-- | styles/shared.scss | 14 |
2 files changed, 16 insertions, 2 deletions
diff --git a/styles/_variables.scss b/styles/_variables.scss index 2defb13..0678cd4 100644 --- a/styles/_variables.scss +++ b/styles/_variables.scss @@ -1,5 +1,5 @@ -$titleFontStack: "Roboto Variable", system-ui, "Liberation Sans", "Arial", "Helvetica", sans-serif; -$mainFontStack: "Roboto Variable", system-ui, "Liberation Sans", "Arial", "Helvetica", sans-serif; +$titleFontStack: "Roboto Flex", system-ui, "Liberation Sans", "Arial", "Helvetica", sans-serif; +$mainFontStack: "Roboto Flex", system-ui, "Liberation Sans", "Arial", "Helvetica", sans-serif; $monoFontStack: "Roboto Mono Variable", "Fira Code", "Consolas", monospace; $accent: hsl(209, 94%, 42%); diff --git a/styles/shared.scss b/styles/shared.scss index 053350f..ef9379c 100644 --- a/styles/shared.scss +++ b/styles/shared.scss @@ -1,6 +1,14 @@ @use "./variables" as *; @use "./alert"; +@font-face { + font-display: swap; + font-family: 'Roboto Flex'; + font-style: normal; + font-weight: 100 900; + src: url('/fonts/robotoflex.woff2') format('woff2'); +} + body { font-family: $mainFontStack; line-height: 1.65; @@ -17,12 +25,14 @@ h1 { @extend %heading; font-size: 3.25rem; line-height: 1.3; + } h2 { @extend %heading; font-size: 2.5rem; line-height: 1.55; + font-variation-settings: "wdth" 87.5,"wght" 700,"GRAD" 150 } h3 { @@ -36,3 +46,7 @@ h4 { font-size: 1.25rem; line-height: 1.55; } + +p { + font-variation-settings: "GRAD" -15,"wdth" 112.5; +} |