From d2175b2328c2c5609632906423d1796b7857420f Mon Sep 17 00:00:00 2001 From: Adil Hanney Date: Sun, 19 May 2024 19:43:13 +0100 Subject: [PATCH] feat: use Inter font by default --- src/styles/_globals.scss | 6 +-- src/styles/fonts/_hyperlegible.scss | 21 --------- src/styles/fonts/_inter.scss | 67 +++++++++++++++++++++++++++++ 3 files changed, 70 insertions(+), 24 deletions(-) delete mode 100644 src/styles/fonts/_hyperlegible.scss create mode 100644 src/styles/fonts/_inter.scss diff --git a/src/styles/_globals.scss b/src/styles/_globals.scss index 9d9517c..dfee147 100644 --- a/src/styles/_globals.scss +++ b/src/styles/_globals.scss @@ -1,5 +1,5 @@ @use "sass:color"; -@import "fonts/hyperlegible"; +@import "fonts/inter"; @import "fonts/urbanist"; /// Colors generated with https://m3.material.io/theme-builder#/custom @@ -72,11 +72,11 @@ $shadow: rgba($primary, 0.10); } @mixin fonts($selector: '*') { - @include hyperlegible; + @include inter; @include urbanist; :root { - --fonts-body: "Atkinson Hyperlegible", "Inter", + --fonts-body: "Inter", "Atkinson Hyperlegible", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", diff --git a/src/styles/fonts/_hyperlegible.scss b/src/styles/fonts/_hyperlegible.scss deleted file mode 100644 index e051361..0000000 --- a/src/styles/fonts/_hyperlegible.scss +++ /dev/null @@ -1,21 +0,0 @@ -/// Downloaded from https://fonts.googleapis.com/css?family=Atkinson+Hyperlegible - -@mixin hyperlegible { - /* latin-ext */ - @font-face { - font-family: 'Atkinson Hyperlegible'; - font-style: normal; - font-weight: 400; - src: url("https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt23C1KxNDXMspQ1lPyU89-1h6ONRlW45G07JIoSwQ.woff2") format('woff2'); - unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; - } - - /* latin */ - @font-face { - font-family: 'Atkinson Hyperlegible'; - font-style: normal; - font-weight: 400; - src: url("https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt23C1KxNDXMspQ1lPyU89-1h6ONRlW45G04pIo.woff2") format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; - } -} diff --git a/src/styles/fonts/_inter.scss b/src/styles/fonts/_inter.scss new file mode 100644 index 0000000..2f7bf4d --- /dev/null +++ b/src/styles/fonts/_inter.scss @@ -0,0 +1,67 @@ +/// Downloaded from https://fonts.googleapis.com/css?family=Inter&display=swap + +@mixin inter { + /* cyrillic-ext */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhiI2B.woff2) format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; + } + /* cyrillic */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZthiI2B.woff2) format('woff2'); + unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + } + /* greek-ext */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZNhiI2B.woff2) format('woff2'); + unicode-range: U+1F00-1FFF; + } + /* greek */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZxhiI2B.woff2) format('woff2'); + unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; + } + /* vietnamese */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZBhiI2B.woff2) format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; + } + /* latin-ext */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZFhiI2B.woff2) format('woff2'); + unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + /* latin */ + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } +}