diff --git a/CHANGELOG.md b/CHANGELOG.md index b18b2f4c9..b7000313c 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 03cbde62d..9da89ea9e 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 000000000..a18593a09 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 000000000..68f64c9ed 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 000000000..b6b01943d 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 000000000..1c9c7ca8b 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 000000000..eaf3d4bfd 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 000000000..2846f29cc 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 000000000..327507616 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 000000000..0b1fe8e12 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 000000000..c2c17edea 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 000000000..c24c2bdc2 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 000000000..c42f70526 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 000000000..4a81dc798 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 000000000..d0de5f397 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 000000000..f2ea706fa 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 000000000..81f1a28ef 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 000000000..9af717ba9 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 000000000..a806b3820 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 000000000..a619fc548 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 000000000..c496464d0 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 000000000..bc4be6658 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 000000000..f84a9de35 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 000000000..842b2dfcb 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 000000000..d546843f2 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 000000000..f92498a2e 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 000000000..459a65688 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 000000000..0e3019f4a 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 000000000..62d3a6187 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 000000000..6c2b6893d 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 000000000..a815f43a9 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 000000000..611e90c95 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 000000000..909e43a97 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 000000000..545685bd2 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 000000000..62bc58cd1 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 000000000..abbc3a5c9 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 000000000..700a7f069 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 000000000..ab0b2002a 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 000000000..b826d5af8 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 000000000..6a256a068 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 000000000..365eedc50 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 000000000..71afda98a --- /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 5920df530..c5f8ffd0b 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;