diff --git a/CHANGELOG.md b/CHANGELOG.md index 177c415da..d75dc04d9 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 +- Upgraded to _Inter_ 4 font family - Improved the language localization for Türkçe (`tr`) ### Fixed diff --git a/apps/client/src/assets/fonts/Inter-Black.woff b/apps/client/src/assets/fonts/Inter-Black.woff deleted file mode 100644 index a18593a09..000000000 Binary files a/apps/client/src/assets/fonts/Inter-Black.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-Black.woff2 b/apps/client/src/assets/fonts/Inter-Black.woff2 index 68f64c9ed..18b35db75 100644 Binary files a/apps/client/src/assets/fonts/Inter-Black.woff2 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 deleted file mode 100644 index b6b01943d..000000000 Binary files a/apps/client/src/assets/fonts/Inter-BlackItalic.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-BlackItalic.woff2 b/apps/client/src/assets/fonts/Inter-BlackItalic.woff2 index 1c9c7ca8b..02c9d8ecc 100644 Binary files a/apps/client/src/assets/fonts/Inter-BlackItalic.woff2 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 deleted file mode 100644 index eaf3d4bfd..000000000 Binary files a/apps/client/src/assets/fonts/Inter-Bold.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-Bold.woff2 b/apps/client/src/assets/fonts/Inter-Bold.woff2 index 2846f29cc..0f1b15763 100644 Binary files a/apps/client/src/assets/fonts/Inter-Bold.woff2 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 deleted file mode 100644 index 327507616..000000000 Binary files a/apps/client/src/assets/fonts/Inter-BoldItalic.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-BoldItalic.woff2 b/apps/client/src/assets/fonts/Inter-BoldItalic.woff2 index 0b1fe8e12..bc50f24c8 100644 Binary files a/apps/client/src/assets/fonts/Inter-BoldItalic.woff2 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 deleted file mode 100644 index c2c17edea..000000000 Binary files a/apps/client/src/assets/fonts/Inter-ExtraBold.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-ExtraBold.woff2 b/apps/client/src/assets/fonts/Inter-ExtraBold.woff2 index c24c2bdc2..b1133688a 100644 Binary files a/apps/client/src/assets/fonts/Inter-ExtraBold.woff2 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 deleted file mode 100644 index c42f70526..000000000 Binary files a/apps/client/src/assets/fonts/Inter-ExtraBoldItalic.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-ExtraBoldItalic.woff2 b/apps/client/src/assets/fonts/Inter-ExtraBoldItalic.woff2 index 4a81dc798..a5b76ca8d 100644 Binary files a/apps/client/src/assets/fonts/Inter-ExtraBoldItalic.woff2 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 deleted file mode 100644 index d0de5f397..000000000 Binary files a/apps/client/src/assets/fonts/Inter-ExtraLight.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-ExtraLight.woff2 b/apps/client/src/assets/fonts/Inter-ExtraLight.woff2 index f2ea706fa..1d77ae8d0 100644 Binary files a/apps/client/src/assets/fonts/Inter-ExtraLight.woff2 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 deleted file mode 100644 index 81f1a28ef..000000000 Binary files a/apps/client/src/assets/fonts/Inter-ExtraLightItalic.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-ExtraLightItalic.woff2 b/apps/client/src/assets/fonts/Inter-ExtraLightItalic.woff2 index 9af717ba9..8c6849209 100644 Binary files a/apps/client/src/assets/fonts/Inter-ExtraLightItalic.woff2 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 deleted file mode 100644 index a806b3820..000000000 Binary files a/apps/client/src/assets/fonts/Inter-Italic.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-Italic.woff2 b/apps/client/src/assets/fonts/Inter-Italic.woff2 index a619fc548..4c24ce281 100644 Binary files a/apps/client/src/assets/fonts/Inter-Italic.woff2 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 deleted file mode 100644 index c496464d0..000000000 Binary files a/apps/client/src/assets/fonts/Inter-Light.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-Light.woff2 b/apps/client/src/assets/fonts/Inter-Light.woff2 index bc4be6658..dbe61437a 100644 Binary files a/apps/client/src/assets/fonts/Inter-Light.woff2 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 deleted file mode 100644 index f84a9de35..000000000 Binary files a/apps/client/src/assets/fonts/Inter-LightItalic.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-LightItalic.woff2 b/apps/client/src/assets/fonts/Inter-LightItalic.woff2 index 842b2dfcb..a40d04215 100644 Binary files a/apps/client/src/assets/fonts/Inter-LightItalic.woff2 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 deleted file mode 100644 index d546843f2..000000000 Binary files a/apps/client/src/assets/fonts/Inter-Medium.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-Medium.woff2 b/apps/client/src/assets/fonts/Inter-Medium.woff2 index f92498a2e..0fd2ee737 100644 Binary files a/apps/client/src/assets/fonts/Inter-Medium.woff2 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 deleted file mode 100644 index 459a65688..000000000 Binary files a/apps/client/src/assets/fonts/Inter-MediumItalic.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-MediumItalic.woff2 b/apps/client/src/assets/fonts/Inter-MediumItalic.woff2 index 0e3019f4a..96767155d 100644 Binary files a/apps/client/src/assets/fonts/Inter-MediumItalic.woff2 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 deleted file mode 100644 index 62d3a6187..000000000 Binary files a/apps/client/src/assets/fonts/Inter-Regular.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-Regular.woff2 b/apps/client/src/assets/fonts/Inter-Regular.woff2 index 6c2b6893d..b8699af29 100644 Binary files a/apps/client/src/assets/fonts/Inter-Regular.woff2 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 deleted file mode 100644 index a815f43a9..000000000 Binary files a/apps/client/src/assets/fonts/Inter-SemiBold.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-SemiBold.woff2 b/apps/client/src/assets/fonts/Inter-SemiBold.woff2 index 611e90c95..95c48b184 100644 Binary files a/apps/client/src/assets/fonts/Inter-SemiBold.woff2 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 deleted file mode 100644 index 909e43a97..000000000 Binary files a/apps/client/src/assets/fonts/Inter-SemiBoldItalic.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-SemiBoldItalic.woff2 b/apps/client/src/assets/fonts/Inter-SemiBoldItalic.woff2 index 545685bd2..ddfe19e83 100644 Binary files a/apps/client/src/assets/fonts/Inter-SemiBoldItalic.woff2 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 deleted file mode 100644 index 62bc58cd1..000000000 Binary files a/apps/client/src/assets/fonts/Inter-Thin.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-Thin.woff2 b/apps/client/src/assets/fonts/Inter-Thin.woff2 index abbc3a5c9..07909608c 100644 Binary files a/apps/client/src/assets/fonts/Inter-Thin.woff2 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 deleted file mode 100644 index 700a7f069..000000000 Binary files a/apps/client/src/assets/fonts/Inter-ThinItalic.woff and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-ThinItalic.woff2 b/apps/client/src/assets/fonts/Inter-ThinItalic.woff2 index ab0b2002a..a7bf21380 100644 Binary files a/apps/client/src/assets/fonts/Inter-ThinItalic.woff2 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 deleted file mode 100644 index b826d5af8..000000000 Binary files a/apps/client/src/assets/fonts/Inter-italic.var.woff2 and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter-roman.var.woff2 b/apps/client/src/assets/fonts/Inter-roman.var.woff2 deleted file mode 100644 index 6a256a068..000000000 Binary files a/apps/client/src/assets/fonts/Inter-roman.var.woff2 and /dev/null differ diff --git a/apps/client/src/assets/fonts/Inter.var.woff2 b/apps/client/src/assets/fonts/Inter.var.woff2 deleted file mode 100644 index 365eedc50..000000000 Binary files a/apps/client/src/assets/fonts/Inter.var.woff2 and /dev/null differ diff --git a/apps/client/src/assets/fonts/InterDisplay-Black.woff2 b/apps/client/src/assets/fonts/InterDisplay-Black.woff2 new file mode 100644 index 000000000..8138123c1 Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-Black.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-BlackItalic.woff2 b/apps/client/src/assets/fonts/InterDisplay-BlackItalic.woff2 new file mode 100644 index 000000000..735ba21f9 Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-BlackItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-Bold.woff2 b/apps/client/src/assets/fonts/InterDisplay-Bold.woff2 new file mode 100644 index 000000000..11c67196e Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-Bold.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-BoldItalic.woff2 b/apps/client/src/assets/fonts/InterDisplay-BoldItalic.woff2 new file mode 100644 index 000000000..5b6a1fb00 Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-BoldItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-ExtraBold.woff2 b/apps/client/src/assets/fonts/InterDisplay-ExtraBold.woff2 new file mode 100644 index 000000000..9058e9861 Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-ExtraBold.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-ExtraBoldItalic.woff2 b/apps/client/src/assets/fonts/InterDisplay-ExtraBoldItalic.woff2 new file mode 100644 index 000000000..4cd61c067 Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-ExtraBoldItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-ExtraLight.woff2 b/apps/client/src/assets/fonts/InterDisplay-ExtraLight.woff2 new file mode 100644 index 000000000..8621b2995 Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-ExtraLight.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-ExtraLightItalic.woff2 b/apps/client/src/assets/fonts/InterDisplay-ExtraLightItalic.woff2 new file mode 100644 index 000000000..689c8d9ca Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-ExtraLightItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-Italic.woff2 b/apps/client/src/assets/fonts/InterDisplay-Italic.woff2 new file mode 100644 index 000000000..11f20bc82 Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-Italic.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-Light.woff2 b/apps/client/src/assets/fonts/InterDisplay-Light.woff2 new file mode 100644 index 000000000..446301c35 Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-Light.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-LightItalic.woff2 b/apps/client/src/assets/fonts/InterDisplay-LightItalic.woff2 new file mode 100644 index 000000000..f68819610 Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-LightItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-Medium.woff2 b/apps/client/src/assets/fonts/InterDisplay-Medium.woff2 new file mode 100644 index 000000000..29160b2c5 Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-Medium.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-MediumItalic.woff2 b/apps/client/src/assets/fonts/InterDisplay-MediumItalic.woff2 new file mode 100644 index 000000000..ef1bcbe3c Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-MediumItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-Regular.woff2 b/apps/client/src/assets/fonts/InterDisplay-Regular.woff2 new file mode 100644 index 000000000..a6c04f68e Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-Regular.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-SemiBold.woff2 b/apps/client/src/assets/fonts/InterDisplay-SemiBold.woff2 new file mode 100644 index 000000000..2b4db239b Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-SemiBold.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-SemiBoldItalic.woff2 b/apps/client/src/assets/fonts/InterDisplay-SemiBoldItalic.woff2 new file mode 100644 index 000000000..59091db31 Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-SemiBoldItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-Thin.woff2 b/apps/client/src/assets/fonts/InterDisplay-Thin.woff2 new file mode 100644 index 000000000..dc0b94860 Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-Thin.woff2 differ diff --git a/apps/client/src/assets/fonts/InterDisplay-ThinItalic.woff2 b/apps/client/src/assets/fonts/InterDisplay-ThinItalic.woff2 new file mode 100644 index 000000000..96439c0c0 Binary files /dev/null and b/apps/client/src/assets/fonts/InterDisplay-ThinItalic.woff2 differ diff --git a/apps/client/src/assets/fonts/InterVariable-Italic.woff2 b/apps/client/src/assets/fonts/InterVariable-Italic.woff2 new file mode 100644 index 000000000..f22ec2554 Binary files /dev/null and b/apps/client/src/assets/fonts/InterVariable-Italic.woff2 differ diff --git a/apps/client/src/assets/fonts/InterVariable.woff2 b/apps/client/src/assets/fonts/InterVariable.woff2 new file mode 100644 index 000000000..22a12b04e Binary files /dev/null and b/apps/client/src/assets/fonts/InterVariable.woff2 differ diff --git a/apps/client/src/assets/fonts/inter.css b/apps/client/src/assets/fonts/inter.css index 71afda98a..32d9b3aef 100644 --- a/apps/client/src/assets/fonts/inter.css +++ b/apps/client/src/assets/fonts/inter.css @@ -1,226 +1,273 @@ +/* Variable fonts usage: +:root { font-family: "Inter", sans-serif; } +@supports (font-variation-settings: normal) { + :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; } +} */ +@font-face { + font-family: InterVariable; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('InterVariable.woff2') format('woff2'); +} +@font-face { + font-family: InterVariable; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('InterVariable-Italic.woff2') format('woff2'); +} + +/* static fonts */ @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'); + src: url('Inter-Thin.woff2') format('woff2'); } - @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'); + src: url('Inter-ThinItalic.woff2') format('woff2'); } - @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'); + src: url('Inter-ExtraLight.woff2') format('woff2'); } - @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'); + src: url('Inter-ExtraLightItalic.woff2') format('woff2'); } - @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'); + src: url('Inter-Light.woff2') format('woff2'); } - @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'); + src: url('Inter-LightItalic.woff2') format('woff2'); } - @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'); + src: url('Inter-Regular.woff2') format('woff2'); } - @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'); + src: url('Inter-Italic.woff2') format('woff2'); } - @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'); + src: url('Inter-Medium.woff2') format('woff2'); } - @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'); + src: url('Inter-MediumItalic.woff2') format('woff2'); } - @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'); + src: url('Inter-SemiBold.woff2') format('woff2'); } - @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'); + src: url('Inter-SemiBoldItalic.woff2') format('woff2'); } - @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'); + src: url('Inter-Bold.woff2') format('woff2'); } - @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'); + src: url('Inter-BoldItalic.woff2') format('woff2'); } - @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'); + src: url('Inter-ExtraBold.woff2') format('woff2'); } - @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'); + src: url('Inter-ExtraBoldItalic.woff2') format('woff2'); } - @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'); + src: url('Inter-Black.woff2') format('woff2'); } - @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'); + src: url('Inter-BlackItalic.woff2') format('woff2'); } - -/* ------------------------------------------------------- -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-family: 'InterDisplay'; + font-style: normal; + font-weight: 100; + font-display: swap; + src: url('InterDisplay-Thin.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 100; font-display: swap; + src: url('InterDisplay-ThinItalic.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; font-style: normal; - font-named-instance: 'Regular'; - src: url('Inter-roman.var.woff2?v=3.19') format('woff2'); + font-weight: 200; + font-display: swap; + src: url('InterDisplay-ExtraLight.woff2') format('woff2'); } @font-face { - font-family: 'Inter var'; - font-weight: 100 900; + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 200; font-display: swap; + src: url('InterDisplay-ExtraLightItalic.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url('InterDisplay-Light.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; font-style: italic; - font-named-instance: 'Italic'; - src: url('Inter-italic.var.woff2?v=3.19') format('woff2'); + font-weight: 300; + font-display: swap; + src: url('InterDisplay-LightItalic.woff2') 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-family: 'InterDisplay'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('InterDisplay-Regular.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url('InterDisplay-Italic.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url('InterDisplay-Medium.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 500; + font-display: swap; + src: url('InterDisplay-MediumItalic.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url('InterDisplay-SemiBold.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 600; + font-display: swap; + src: url('InterDisplay-SemiBoldItalic.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url('InterDisplay-Bold.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url('InterDisplay-BoldItalic.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url('InterDisplay-ExtraBold.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 800; + font-display: swap; + src: url('InterDisplay-ExtraBoldItalic.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url('InterDisplay-Black.woff2') format('woff2'); +} +@font-face { + font-family: 'InterDisplay'; + font-style: italic; + font-weight: 900; font-display: swap; - font-style: oblique 0deg 10deg; - src: url('Inter.var.woff2?v=3.19') format('woff2'); + src: url('InterDisplay-BlackItalic.woff2') format('woff2'); }