diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-28 22:02:46 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-28 22:02:46 +0800 |
| commit | d3aebd0b799607ba24f0a3a298afe85ced69c264 (patch) | |
| tree | 9acd908d499774434acbe0b412da8811844580f9 /packages/website/ts/@next/constants | |
| parent | 7b90f095fffdaac34a518e3f404e35477b534824 (diff) | |
| download | dexon-sol-tools-d3aebd0b799607ba24f0a3a298afe85ced69c264.tar dexon-sol-tools-d3aebd0b799607ba24f0a3a298afe85ced69c264.tar.gz dexon-sol-tools-d3aebd0b799607ba24f0a3a298afe85ced69c264.tar.bz2 dexon-sol-tools-d3aebd0b799607ba24f0a3a298afe85ced69c264.tar.lz dexon-sol-tools-d3aebd0b799607ba24f0a3a298afe85ced69c264.tar.xz dexon-sol-tools-d3aebd0b799607ba24f0a3a298afe85ced69c264.tar.zst dexon-sol-tools-d3aebd0b799607ba24f0a3a298afe85ced69c264.zip | |
Renames font-files, adds font-face declaration in globalStyles
Diffstat (limited to 'packages/website/ts/@next/constants')
| -rw-r--r-- | packages/website/ts/@next/constants/globalStyle.tsx | 24 |
1 files changed, 23 insertions, 1 deletions
diff --git a/packages/website/ts/@next/constants/globalStyle.tsx b/packages/website/ts/@next/constants/globalStyle.tsx index 271dd2545..46f927673 100644 --- a/packages/website/ts/@next/constants/globalStyle.tsx +++ b/packages/website/ts/@next/constants/globalStyle.tsx @@ -1,5 +1,6 @@ import { createGlobalStyle } from 'styled-components'; import { cssReset } from 'ts/@next/constants/cssReset'; +import { colors } from 'ts/style/colors'; // Not sure if cssReset is already imported into index.tsx @@ -8,8 +9,29 @@ import { cssReset } from 'ts/@next/constants/cssReset'; const GlobalStyles = createGlobalStyle` ${cssReset}; + @font-face { + font-family: "Formular"; + src: url("/public/fonts/Formular-Light.woff2") format("woff2"), url("/public/fonts/Formular-Light.woff") format("woff"); + font-weight: 300; + font-display: swap; + } + + @font-face { + font-family: "Formular"; + src: url("/public/fonts/Formular-Regular.woff2") format("woff2"), url("/public/fonts/Formular-Regular.woff") format("woff"); + font-weight: 500; + font-display: swap; + } + html { - background-color: red; + font-size: 17px; + background-color: ${colors.backgroundDark}; + } + + body { + font-family: 'Formular', sans-serif !important; + -webkit-font-smoothing: antialiased; + color: #fff; } `; |