Website/assets/scss/base/_fonts.scss
Martin Gasque 0ba3f3c7c5 Initial commit
Will it deploy one day ?
2024-02-20 08:59:37 +01:00

116 lines
2.8 KiB
SCSS

// -----------------------------------------------------------------------------
// This file contains all @font-face declarations, if any.
// -----------------------------------------------------------------------------
// -----------------------------------------------------------------------------
// All fonts are not install localy, thus it not works in local development.
// -----------------------------------------------------------------------------
@font-face {
font-family: "Roboto";
src: local("Roboto Thin"),
url("/fonts/Roboto/Roboto-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: local("Roboto Thin Italic"),
url("/fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: local("Roboto Light"),
url("/fonts/Roboto/Roboto-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: local("Roboto Light Italic"),
url("/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: local("Roboto Regular"),
url("/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: local("Roboto Italic"),
url("/fonts/Roboto/Roboto-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: local("Roboto Medium"),
url("/fonts/Roboto/Roboto-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: local("Roboto Italic"),
url("/fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: local("Roboto Bold"),
url("/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: local("Roboto Bold Italic"),
url("/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: local("Roboto Black"),
url("/fonts/Roboto/Roboto-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: local("Roboto Black Italic"),
url("/fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}