diff --git a/public/fonts/inter-v19-latin_latin-ext-500.woff2 b/public/fonts/inter-v19-latin_latin-ext-500.woff2 new file mode 100644 index 0000000..24ccc51 Binary files /dev/null and b/public/fonts/inter-v19-latin_latin-ext-500.woff2 differ diff --git a/public/fonts/inter-v19-latin_latin-ext-600.woff2 b/public/fonts/inter-v19-latin_latin-ext-600.woff2 new file mode 100644 index 0000000..283b13a Binary files /dev/null and b/public/fonts/inter-v19-latin_latin-ext-600.woff2 differ diff --git a/public/fonts/inter-v19-latin_latin-ext-regular.woff2 b/public/fonts/inter-v19-latin_latin-ext-regular.woff2 new file mode 100644 index 0000000..70dd51e Binary files /dev/null and b/public/fonts/inter-v19-latin_latin-ext-regular.woff2 differ diff --git a/src/App.vue b/src/App.vue index e1e3767..935b998 100644 --- a/src/App.vue +++ b/src/App.vue @@ -58,5 +58,4 @@ export default defineComponent({ diff --git a/src/styles/_fonts.scss b/src/styles/_fonts.scss new file mode 100644 index 0000000..7ee58c8 --- /dev/null +++ b/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+ */ +} diff --git a/src/styles/_global.scss b/src/styles/_global.scss index 19ff010..d85b277 100644 --- a/src/styles/_global.scss +++ b/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; }