diff --git a/package.json b/package.json index 7a5a7be..c1cc698 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "dependencies": { "@babel/eslint-parser": "^7.17.0", "@fontsource/baloo-da-2": "^4.5.3", + "@fontsource/inter": "^4.5.4", "@fontsource/noto-naskh-arabic": "^4.5.3", "@fontsource/noto-sans-jp": "^4.5.3", "@fontsource/noto-sans-kr": "^4.5.3", diff --git a/src/plugins/i18n.js b/src/plugins/i18n.js index 9bc923d..ba9519a 100644 --- a/src/plugins/i18n.js +++ b/src/plugins/i18n.js @@ -46,6 +46,7 @@ async function syncStylesPerLanguage (locale) { case 'tr': case 'bn-Latn': // Don't need to import fonts because Latin fonts are always loaded + await import('@fontsource/inter/latin.css') document.body.classList.remove(...document.body.classList) document.body.classList.add('latin') break diff --git a/src/styles/main.scss b/src/styles/main.scss index 535d239..3dcfaaa 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -1,22 +1,22 @@ @mixin addFonts ($font-primary) { .v-application { [class*='text-'],[class*='body-'] { - font-family: $font-primary, Helvetica Neue, sans-serif !important; + font-family: $font-primary, system-ui, sans-serif !important; } .headline, .title { - font-family: $font-primary, Helvetica Neue, sans-serif !important; + font-family: $font-primary, system-ui, sans-serif !important; } - font-family: $font-primary, Helvetica Neue, sans-serif !important; + font-family: $font-primary, system-ui, sans-serif !important; } .shaka-video-container * { - font-family: $font-primary, Helvetica Neue, sans-serif; + font-family: $font-primary, system-ui, sans-serif; } } .latin { - @include addFonts('Helvetica Neue'); + @include addFonts('Inter'); } .bengali { diff --git a/yarn.lock b/yarn.lock index bdc402f..8776889 100644 --- a/yarn.lock +++ b/yarn.lock @@ -968,6 +968,11 @@ resolved "https://registry.yarnpkg.com/@fontsource/baloo-da-2/-/baloo-da-2-4.5.3.tgz#61a378cfa46bf03085927eedc6a10943a2ac7124" integrity sha512-7v+BXA1SShqOZIEpGTyrKImo1SGRMMIsSKeISDfHjkTzE9ZQ7xA6DUpMdMazfegNoitwbVuQhheL8lHJSZChZw== +"@fontsource/inter@^4.5.4": + version "4.5.4" + resolved "https://registry.yarnpkg.com/@fontsource/inter/-/inter-4.5.4.tgz#d6906fdaaf81242d975a1f9b6dedab7bfba77997" + integrity sha512-D0icTFpt9bWvB/OEXMztYf0bhUQZoDIYpsco5C7GVfxgKDRl8Jdn3N2aHHQqwjgRUUvRuyMv8HrRM8Hrt4U52w== + "@fontsource/noto-naskh-arabic@^4.5.3": version "4.5.3" resolved "https://registry.yarnpkg.com/@fontsource/noto-naskh-arabic/-/noto-naskh-arabic-4.5.3.tgz#1dc63eb985f2eeecc07e90e9349cd1203f5f4638"