self host fonts

This commit is contained in:
Jan Krutisch 2022-10-28 17:14:27 +02:00
parent f5a00be474
commit 1206c475a8
22 changed files with 108 additions and 3 deletions

108
assets/main.scss Normal file
View file

@ -0,0 +1,108 @@
---
# Only the main Sass file needs front matter (the dashes are enough)
---
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
src: url('/fonts/OpenSans-Regular.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: normal;
src: url('/fonts/OpenSans-Italic.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('/fonts/OpenSans-Light.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: url('/fonts/OpenSans-LightItalic.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url('/fonts/OpenSans-SemiBold.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
src: url('/fonts/OpenSans-SemiBoldItalic.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: bold;
src: url('/fonts/OpenSans-Bold.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: bold;
src: url('/fonts/OpenSans-BoldItalic.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url('/fonts/OpenSans-ExtraBold.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
src: url('/fonts/OpenSans-ExtraBoldItalic.woff') format('woff');
}
// ----------------- LORA
@font-face {
font-family: 'Lora';
src: url('/fonts/lora-bold-webfont.woff2') format('woff2'),
url('/fonts/lora-bold-webfont.woff') format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Lora';
src: url('/fonts/lora-bolditalic-webfont.woff2') format('woff2'),
url('/fonts/lora-bolditalic-webfont.woff') format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Lora';
src: url('/fonts/lora-italic-webfont.woff2') format('woff2'),
url('/fonts/lora-italic-webfont.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Lora';
src: url('/fonts/lora-regular-webfont.woff2') format('woff2'),
url('/fonts/lora-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@import "styles";