refactor: moved fonts to local

src/App.vue

@@ -58,5 +58,4 @@ export default defineComponent({
 
 <style lang="scss">
 @use './styles/global';
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600&display=swap');
 </style>

src/styles/_fonts.scss

@@ -0,0 +1,23 @@
+@font-face {
+  font-display: swap;
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/inter-v19-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 500;
+  src: url('../fonts/inter-v19-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+
+@font-face {
+  font-display: swap;
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  src: url('../fonts/inter-v19-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}

src/styles/_global.scss

@@ -1,4 +1,5 @@
 @use "sass:color";
+@use 'fonts';
 
 body,
 html {
@@ -28,6 +29,7 @@ a:visited {
 
 * {
   font-family: 'Inter', sans-serif;
+  font-weight: 500;
   box-sizing: inherit;
 }