aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/constants
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-11-28 22:02:46 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-11-28 22:02:46 +0800
commitd3aebd0b799607ba24f0a3a298afe85ced69c264 (patch)
tree9acd908d499774434acbe0b412da8811844580f9 /packages/website/ts/@next/constants
parent7b90f095fffdaac34a518e3f404e35477b534824 (diff)
downloaddexon-0x-contracts-d3aebd0b799607ba24f0a3a298afe85ced69c264.tar.gz
dexon-0x-contracts-d3aebd0b799607ba24f0a3a298afe85ced69c264.tar.zst
dexon-0x-contracts-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.tsx24
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;
}
`;