diff --git a/src/main.js b/src/main.js
index c6fb862..f3dec9e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import App from './App.vue'
 
+import '@fontsource/inter/latin.css'
 import '@/styles/main.scss'
 
 import { i18n, i18nInitialized } from '@/plugins/i18n'
diff --git a/src/plugins/i18n.js b/src/plugins/i18n.js
index ba9519a..9bc923d 100644
--- a/src/plugins/i18n.js
+++ b/src/plugins/i18n.js
@@ -46,7 +46,6 @@ 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 f696c4e..f40cb06 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -1,17 +1,17 @@
 @mixin addFonts ($font-primary) {
   .v-application {
     [class*='text-'],[class*='body-'] {
-      font-family: $font-primary, system-ui, sans-serif !important;
+      font-family: $font-primary, Inter, system-ui, sans-serif !important;
     }
     .headline, .title {
-      font-family: $font-primary, system-ui, sans-serif !important;
+      font-family: $font-primary, Inter, system-ui, sans-serif !important;
     }
 
-    font-family: $font-primary, system-ui, sans-serif !important;
+    font-family: $font-primary, Inter, system-ui, sans-serif !important;
   }
 
-  .shaka-video-container * {
-    font-family: $font-primary, system-ui, sans-serif;
+  .shaka-video-container *:not(.material-icons-round)  {
+    font-family: $font-primary, Inter, system-ui, sans-serif;
   }
 }