diff --git a/CHANGELOG.md b/CHANGELOG.md index b18b2f4c..b7000313 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Changed +- Set up the _Inter_ font family - Upgraded `yahoo-finance2` from version `2.7.0` to `2.8.0` ### Fixed diff --git a/apps/client/project.json b/apps/client/project.json index 03cbde62..9da89ea9 100644 --- a/apps/client/project.json +++ b/apps/client/project.json @@ -21,6 +21,7 @@ "tsConfig": "apps/client/tsconfig.app.json", "assets": [], "styles": [ + "apps/client/src/assets/fonts/inter.css", "apps/client/src/styles/theme.scss", "apps/client/src/styles.scss" ], diff --git a/apps/client/src/assets/fonts/Inter-Black.woff b/apps/client/src/assets/fonts/Inter-Black.woff new file mode 100644 index 00000000..a18593a0 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Black.woff differ diff --git a/apps/client/src/assets/fonts/Inter-Black.woff2 b/apps/client/src/assets/fonts/Inter-Black.woff2 new file mode 100644 index 00000000..68f64c9e Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Black.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-BlackItalic.woff b/apps/client/src/assets/fonts/Inter-BlackItalic.woff new file mode 100644 index 00000000..b6b01943 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-BlackItalic.woff differ diff --git a/apps/client/src/assets/fonts/Inter-BlackItalic.woff2 b/apps/client/src/assets/fonts/Inter-BlackItalic.woff2 new file mode 100644 index 00000000..1c9c7ca8 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-BlackItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-Bold.woff b/apps/client/src/assets/fonts/Inter-Bold.woff new file mode 100644 index 00000000..eaf3d4bf Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Bold.woff differ diff --git a/apps/client/src/assets/fonts/Inter-Bold.woff2 b/apps/client/src/assets/fonts/Inter-Bold.woff2 new file mode 100644 index 00000000..2846f29c Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Bold.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-BoldItalic.woff b/apps/client/src/assets/fonts/Inter-BoldItalic.woff new file mode 100644 index 00000000..32750761 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-BoldItalic.woff differ diff --git a/apps/client/src/assets/fonts/Inter-BoldItalic.woff2 b/apps/client/src/assets/fonts/Inter-BoldItalic.woff2 new file mode 100644 index 00000000..0b1fe8e1 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-BoldItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-ExtraBold.woff b/apps/client/src/assets/fonts/Inter-ExtraBold.woff new file mode 100644 index 00000000..c2c17ede Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-ExtraBold.woff differ diff --git a/apps/client/src/assets/fonts/Inter-ExtraBold.woff2 b/apps/client/src/assets/fonts/Inter-ExtraBold.woff2 new file mode 100644 index 00000000..c24c2bdc Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-ExtraBold.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-ExtraBoldItalic.woff b/apps/client/src/assets/fonts/Inter-ExtraBoldItalic.woff new file mode 100644 index 00000000..c42f7052 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-ExtraBoldItalic.woff differ diff --git a/apps/client/src/assets/fonts/Inter-ExtraBoldItalic.woff2 b/apps/client/src/assets/fonts/Inter-ExtraBoldItalic.woff2 new file mode 100644 index 00000000..4a81dc79 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-ExtraBoldItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-ExtraLight.woff b/apps/client/src/assets/fonts/Inter-ExtraLight.woff new file mode 100644 index 00000000..d0de5f39 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-ExtraLight.woff differ diff --git a/apps/client/src/assets/fonts/Inter-ExtraLight.woff2 b/apps/client/src/assets/fonts/Inter-ExtraLight.woff2 new file mode 100644 index 00000000..f2ea706f Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-ExtraLight.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-ExtraLightItalic.woff b/apps/client/src/assets/fonts/Inter-ExtraLightItalic.woff new file mode 100644 index 00000000..81f1a28e Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-ExtraLightItalic.woff differ diff --git a/apps/client/src/assets/fonts/Inter-ExtraLightItalic.woff2 b/apps/client/src/assets/fonts/Inter-ExtraLightItalic.woff2 new file mode 100644 index 00000000..9af717ba Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-ExtraLightItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-Italic.woff b/apps/client/src/assets/fonts/Inter-Italic.woff new file mode 100644 index 00000000..a806b382 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Italic.woff differ diff --git a/apps/client/src/assets/fonts/Inter-Italic.woff2 b/apps/client/src/assets/fonts/Inter-Italic.woff2 new file mode 100644 index 00000000..a619fc54 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Italic.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-Light.woff b/apps/client/src/assets/fonts/Inter-Light.woff new file mode 100644 index 00000000..c496464d Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Light.woff differ diff --git a/apps/client/src/assets/fonts/Inter-Light.woff2 b/apps/client/src/assets/fonts/Inter-Light.woff2 new file mode 100644 index 00000000..bc4be665 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Light.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-LightItalic.woff b/apps/client/src/assets/fonts/Inter-LightItalic.woff new file mode 100644 index 00000000..f84a9de3 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-LightItalic.woff differ diff --git a/apps/client/src/assets/fonts/Inter-LightItalic.woff2 b/apps/client/src/assets/fonts/Inter-LightItalic.woff2 new file mode 100644 index 00000000..842b2dfc Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-LightItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-Medium.woff b/apps/client/src/assets/fonts/Inter-Medium.woff new file mode 100644 index 00000000..d546843f Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Medium.woff differ diff --git a/apps/client/src/assets/fonts/Inter-Medium.woff2 b/apps/client/src/assets/fonts/Inter-Medium.woff2 new file mode 100644 index 00000000..f92498a2 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Medium.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-MediumItalic.woff b/apps/client/src/assets/fonts/Inter-MediumItalic.woff new file mode 100644 index 00000000..459a6568 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-MediumItalic.woff differ diff --git a/apps/client/src/assets/fonts/Inter-MediumItalic.woff2 b/apps/client/src/assets/fonts/Inter-MediumItalic.woff2 new file mode 100644 index 00000000..0e3019f4 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-MediumItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-Regular.woff b/apps/client/src/assets/fonts/Inter-Regular.woff new file mode 100644 index 00000000..62d3a618 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Regular.woff differ diff --git a/apps/client/src/assets/fonts/Inter-Regular.woff2 b/apps/client/src/assets/fonts/Inter-Regular.woff2 new file mode 100644 index 00000000..6c2b6893 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Regular.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-SemiBold.woff b/apps/client/src/assets/fonts/Inter-SemiBold.woff new file mode 100644 index 00000000..a815f43a Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-SemiBold.woff differ diff --git a/apps/client/src/assets/fonts/Inter-SemiBold.woff2 b/apps/client/src/assets/fonts/Inter-SemiBold.woff2 new file mode 100644 index 00000000..611e90c9 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-SemiBold.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-SemiBoldItalic.woff b/apps/client/src/assets/fonts/Inter-SemiBoldItalic.woff new file mode 100644 index 00000000..909e43a9 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-SemiBoldItalic.woff differ diff --git a/apps/client/src/assets/fonts/Inter-SemiBoldItalic.woff2 b/apps/client/src/assets/fonts/Inter-SemiBoldItalic.woff2 new file mode 100644 index 00000000..545685bd Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-SemiBoldItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-Thin.woff b/apps/client/src/assets/fonts/Inter-Thin.woff new file mode 100644 index 00000000..62bc58cd Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Thin.woff differ diff --git a/apps/client/src/assets/fonts/Inter-Thin.woff2 b/apps/client/src/assets/fonts/Inter-Thin.woff2 new file mode 100644 index 00000000..abbc3a5c Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-Thin.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-ThinItalic.woff b/apps/client/src/assets/fonts/Inter-ThinItalic.woff new file mode 100644 index 00000000..700a7f06 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-ThinItalic.woff differ diff --git a/apps/client/src/assets/fonts/Inter-ThinItalic.woff2 b/apps/client/src/assets/fonts/Inter-ThinItalic.woff2 new file mode 100644 index 00000000..ab0b2002 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-ThinItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-italic.var.woff2 b/apps/client/src/assets/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000..b826d5af Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-italic.var.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter-roman.var.woff2 b/apps/client/src/assets/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000..6a256a06 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter-roman.var.woff2 differ diff --git a/apps/client/src/assets/fonts/Inter.var.woff2 b/apps/client/src/assets/fonts/Inter.var.woff2 new file mode 100644 index 00000000..365eedc5 Binary files /dev/null and b/apps/client/src/assets/fonts/Inter.var.woff2 differ diff --git a/apps/client/src/assets/fonts/inter.css b/apps/client/src/assets/fonts/inter.css new file mode 100644 index 00000000..71afda98 --- /dev/null +++ b/apps/client/src/assets/fonts/inter.css @@ -0,0 +1,226 @@ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 100; + font-display: swap; + src: + url('Inter-Thin.woff2?v=3.19') format('woff2'), + url('Inter-Thin.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 100; + font-display: swap; + src: + url('Inter-ThinItalic.woff2?v=3.19') format('woff2'), + url('Inter-ThinItalic.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 200; + font-display: swap; + src: + url('Inter-ExtraLight.woff2?v=3.19') format('woff2'), + url('Inter-ExtraLight.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 200; + font-display: swap; + src: + url('Inter-ExtraLightItalic.woff2?v=3.19') format('woff2'), + url('Inter-ExtraLightItalic.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: + url('Inter-Light.woff2?v=3.19') format('woff2'), + url('Inter-Light.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 300; + font-display: swap; + src: + url('Inter-LightItalic.woff2?v=3.19') format('woff2'), + url('Inter-LightItalic.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: + url('Inter-Regular.woff2?v=3.19') format('woff2'), + url('Inter-Regular.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: + url('Inter-Italic.woff2?v=3.19') format('woff2'), + url('Inter-Italic.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: + url('Inter-Medium.woff2?v=3.19') format('woff2'), + url('Inter-Medium.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 500; + font-display: swap; + src: + url('Inter-MediumItalic.woff2?v=3.19') format('woff2'), + url('Inter-MediumItalic.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: + url('Inter-SemiBold.woff2?v=3.19') format('woff2'), + url('Inter-SemiBold.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 600; + font-display: swap; + src: + url('Inter-SemiBoldItalic.woff2?v=3.19') format('woff2'), + url('Inter-SemiBoldItalic.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: + url('Inter-Bold.woff2?v=3.19') format('woff2'), + url('Inter-Bold.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: + url('Inter-BoldItalic.woff2?v=3.19') format('woff2'), + url('Inter-BoldItalic.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 800; + font-display: swap; + src: + url('Inter-ExtraBold.woff2?v=3.19') format('woff2'), + url('Inter-ExtraBold.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 800; + font-display: swap; + src: + url('Inter-ExtraBoldItalic.woff2?v=3.19') format('woff2'), + url('Inter-ExtraBoldItalic.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: + url('Inter-Black.woff2?v=3.19') format('woff2'), + url('Inter-Black.woff?v=3.19') format('woff'); +} + +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 900; + font-display: swap; + src: + url('Inter-BlackItalic.woff2?v=3.19') format('woff2'), + url('Inter-BlackItalic.woff?v=3.19') format('woff'); +} + +/* ------------------------------------------------------- +Variable font. +Usage: + + html { font-family: 'Inter', sans-serif; } + @supports (font-variation-settings: normal) { + html { font-family: 'Inter var', sans-serif; } + } +*/ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url('Inter-roman.var.woff2?v=3.19') format('woff2'); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url('Inter-italic.var.woff2?v=3.19') format('woff2'); +} + +/* -------------------------------------------------------------------------- +[EXPERIMENTAL] Multi-axis, single variable font. + +Slant axis is not yet widely supported (as of February 2019) and thus this +multi-axis single variable font is opt-in rather than the default. + +When using this, you will probably need to set font-variation-settings +explicitly, e.g. + + * { font-variation-settings: "slnt" 0deg } + .italic { font-variation-settings: "slnt" 10deg } + +*/ +@font-face { + font-family: 'Inter var experimental'; + font-weight: 100 900; + font-display: swap; + font-style: oblique 0deg 10deg; + src: url('Inter.var.woff2?v=3.19') format('woff2'); +} diff --git a/apps/client/src/styles.scss b/apps/client/src/styles.scss index 5920df53..c5f8ffd0 100644 --- a/apps/client/src/styles.scss +++ b/apps/client/src/styles.scss @@ -5,7 +5,7 @@ :root { --dark-background: rgb(25, 25, 25); - --font-family-sans-serif: Roboto, 'Helvetica Neue', sans-serif; + --font-family-sans-serif: 'Inter', Roboto, 'Helvetica Neue', sans-serif; --light-background: rgb(255, 255, 255); --dark-primary-text: 0, 0, 0, 0.87;