Use source-code and source serif fonts.

This commit is contained in:
Florian Obser
2022-12-04 12:53:02 +01:00
parent 2dd416d86f
commit e1aafbc656
15 changed files with 236 additions and 4 deletions
+50 -4
View File
@@ -1,8 +1,54 @@
@font-face{
font-family: 'Source Serif VF';
font-weight: 200 900;
font-style: normal;
font-stretch: normal;
src: url('/fonts/WOFF2/VAR/SourceSerif4Variable-Roman.ttf.woff2') format('woff2'),
url('/fonts/WOFF/VAR/SourceSerif4Variable-Roman.ttf.woff') format('woff'),
url('/fonts/VAR/SourceSerif4Variable-Roman.ttf') format('truetype');
}
@font-face{
font-family: 'Source Serif VF';
font-weight: 200 900;
font-style: italic;
font-stretch: normal;
src: url('/fonts/WOFF2/VAR/SourceSerif4Variable-Italic.ttf.woff2') format('woff2'),
url('/fonts/WOFF/VAR/SourceSerif4Variable-Italic.ttf.woff') format('woff'),
url('/fonts/VAR/SourceSerif4Variable-Italic.ttf') format('truetype');
}
@font-face{
font-family: 'Source Code Variable';
font-weight: 200 900;
font-style: normal;
font-stretch: normal;
src: url('/fonts/WOFF2/VAR/SourceCodeVariable-Roman.ttf.woff2') format('woff2'),
url('/fonts/WOFF/VAR/SourceCodeVariable-Roman.ttf.woff') format('woff'),
url('/fonts/VAR/SourceCodeVariable-Roman.ttf') format('truetype');
}
@font-face{
font-family: 'Source Code Variable';
font-weight: 200 900;
font-style: italic;
font-stretch: normal;
src: url('/fonts/WOFF2/VAR/SourceCodeVariable-Italic.ttf.woff2') format('woff2'),
url('/fonts/WOFF/VAR/SourceCodeVariable-Italic.ttf.woff') format('woff'),
url('/fonts/VAR/SourceCodeVariable-Italic.ttf') format('truetype');
}
:root {
--code: #212121;
--serif-font: Source Serif VF;
--mono-font: Source Code Variable;
--code: #212121;
}
@media (prefers-color-scheme: dark) {
:root {
--code: #212121;
}
:root {
--code: #212121;
}
}
html {
font-family: var(--serif-font);
}