build font test

This commit is contained in:
Kseninia Mikhaylova 2024-06-13 12:56:22 +03:00
parent 1459cbcd0e
commit 88ca4334ca
1 changed files with 13 additions and 13 deletions

View File

@ -1,7 +1,7 @@
@font-face { @font-face {
font-family: 'Overpass'; font-family: 'Overpass';
src: url('@/assets/Overpass/Overpass-VariableFont_wght.ttf'); src: url('/Overpass/Overpass-VariableFont_wght.ttf');
} }
// 100 Thin. // 100 Thin.
// 200 Extra Light (Ultra Light) // 200 Extra Light (Ultra Light)
@ -14,76 +14,76 @@
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('@/assets/Roboto/Roboto-Black.ttf '); src: url('/Roboto/Roboto-Black.ttf ');
font-weight: 800; font-weight: 800;
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('@/assets/Roboto/Roboto-BlackItalic.ttf '); src: url('/Roboto/Roboto-BlackItalic.ttf ');
font-weight: 800; font-weight: 800;
font-style: italic font-style: italic
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('@/assets/Roboto/Roboto-Bold.ttf '); src: url('/Roboto/Roboto-Bold.ttf ');
font-weight: 700; font-weight: 700;
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('@/assets/Roboto/Roboto-BoldItalic.ttf '); src: url('/Roboto/Roboto-BoldItalic.ttf ');
font-weight: 700; font-weight: 700;
font-style: italic font-style: italic
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('@/assets/Roboto/Roboto-Regular.ttf '); src: url('/Roboto/Roboto-Regular.ttf ');
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('@/assets/Roboto/Roboto-Italic.ttf '); src: url('/Roboto/Roboto-Italic.ttf ');
font-style: italic font-style: italic
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('@/assets/Roboto/Roboto-Medium.ttf '); src: url('/Roboto/Roboto-Medium.ttf ');
font-weight: 500; font-weight: 500;
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('@/assets/Roboto/Roboto-MediumItalic.ttf '); src: url('/Roboto/Roboto-MediumItalic.ttf ');
font-weight: 500; font-weight: 500;
font-style: italic font-style: italic
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('@/assets/Roboto/Roboto-Light.ttf '); src: url('/Roboto/Roboto-Light.ttf ');
font-weight: 300; font-weight: 300;
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('@/assets/Roboto/Roboto-LightItalic.ttf '); src: url('/Roboto/Roboto-LightItalic.ttf ');
font-weight: 300; font-weight: 300;
font-style: italic font-style: italic
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('@/assets/Roboto/Roboto-Thin.ttf '); src: url('/Roboto/Roboto-Thin.ttf ');
font-weight: 100; font-weight: 100;
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('@/assets/Roboto/Roboto-ThinItalic.ttf '); src: url('/Roboto/Roboto-ThinItalic.ttf ');
font-weight: 100; font-weight: 100;
font-style: italic font-style: italic
} }