This commit is contained in:
Michael Fabian 'Xaymar' Dirks
2021-12-28 17:53:06 +01:00
parent 414fd397ca
commit 83febcfc79
6 changed files with 141 additions and 33 deletions
+2
View File
@@ -34,6 +34,8 @@ $theme-footer-background: hsl($theme-hue, 33%, 10.0%);
$theme-footer-color: hsl($theme-hue, 0%, 80%);
$theme-code-background: hsl($theme-hue, 50%, 5%);
@import "_fonts.scss";
* {
box-sizing: border-box;
}
+109 -23
View File
@@ -1,30 +1,116 @@
@font-face {
src: url("assets/fonts/Oswald-VariableFont_wght.ttf") format("ttf");
font-family: "Oswald";
src:
url('assets/fonts/Oswald-VariableFont_wght.ttf'),
url('assets/fonts/Oswald-ExtraLight.ttf'),
url('assets/fonts/Oswald-Light.ttf'),
url('assets/fonts/Oswald-Regular.ttf'),
url('assets/fonts/Oswald-Medium.ttf'),
url('assets/fonts/Oswald-SemiBold.ttf'),
url('assets/fonts/Oswald-Bold.ttf')
;
font-style: normal;
}
@font-face {
src: url("assets/fonts/Oswald-ExtraLight.ttf") format("ttf");
font-family: "Oswald";
font-style: normal;
font-weight: 200;
}
@font-face {
src: url("assets/fonts/Oswald-Light.ttf") format("ttf");
font-family: "Oswald";
font-style: normal;
font-weight: 300;
}
@font-face {
src: url("assets/fonts/Oswald-Regular.ttf") format("ttf");
font-family: "Oswald";
font-style: normal;
font-weight: 400;
}
@font-face {
src: url("assets/fonts/Oswald-Medium.ttf") format("ttf");
font-family: "Oswald";
font-style: normal;
font-weight: 500;
}
@font-face {
src: url("assets/fonts/Oswald-SemiBold.ttf") format("ttf");
font-family: "Oswald";
font-style: normal;
font-weight: 600;
}
@font-face {
src: url("assets/fonts/Oswald-Bold.ttf") format("ttf");
font-family: "Oswald";
font-style: normal;
font-weight: 700;
}
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@font-face {
src: url("assets/fonts/Roboto-Thin.ttf") format("ttf");
font-family: "Roboto";
src:
url('assets/fonts/Roboto-Thin.ttf'),
url('assets/fonts/Roboto-ThinItalic.ttf'),
url('assets/fonts/Roboto-Light.ttf'),
url('assets/fonts/Roboto-LightItalic.ttf'),
url('assets/fonts/Roboto-Regular.ttf'),
url('assets/fonts/Roboto-RegularItalic.ttf'),
url('assets/fonts/Roboto-Medium.ttf'),
url('assets/fonts/Roboto-MediumItalic.ttf'),
url('assets/fonts/Roboto-Bold.ttf'),
url('assets/fonts/Roboto-BoldItalic.ttf'),
url('assets/fonts/Roboto-Black.ttf'),
url('assets/fonts/Roboto-BlackItalic.ttf')
;
font-style: normal;
font-weight: 100;
}
@font-face {
src: url("assets/fonts/Roboto-ThinItalic.ttf") format("ttf");
font-family: "Roboto";
font-style: oblique;
font-weight: 100;
}
@font-face {
src: url("assets/fonts/Roboto-Light.ttf") format("ttf");
font-family: "Roboto";
font-style: normal;
font-weight: 300;
}
@font-face {
src: url("assets/fonts/Roboto-LightOblique.ttf") format("ttf");
font-family: "Roboto";
font-style: oblique;
font-weight: 300;
}
@font-face {
src: url("assets/fonts/Roboto-Regular.ttf") format("ttf");
font-family: "Roboto";
font-style: normal;
font-weight: 400;
}
@font-face {
src: url("assets/fonts/Roboto-RegularItalic.ttf") format("ttf");
font-family: "Roboto";
font-style: oblique;
font-weight: 400;
}
@font-face {
src: url("assets/fonts/Roboto-Medium.ttf") format("ttf");
font-family: "Roboto";
font-style: normal;
font-weight: 500;
}
@font-face {
src: url("assets/fonts/Roboto-MediumItalic.ttf") format("ttf");
font-family: "Roboto";
font-style: oblique;
font-weight: 500;
}
@font-face {
src: url("assets/fonts/Roboto-Bold.ttf") format("ttf");
font-family: "Roboto";
font-style: normal;
font-weight: 700;
}
@font-face {
src: url("assets/fonts/Roboto-BoldItalic.ttf") format("ttf");
font-family: "Roboto";
font-style: oblique;
font-weight: 700;
}
@font-face {
src: url("assets/fonts/Roboto-Black.ttf") format("ttf");
font-family: "Roboto";
font-style: normal;
font-weight: 900;
}
@font-face {
src: url("assets/fonts/Roboto-BlackItalic.ttf") format("ttf");
font-family: "Roboto";
font-style: oblique;
font-weight: 900;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');