Mikaela/mikaela.github.io
1
0
Fork 0
mirror of https://github.com/mikaela/mikaela.github.io/ synced 2025-04-19 22:37:55 +02:00
Code Issues Projects Releases Wiki Activity

main.scss: use Inclusive Sans as the primary font

Browse Source
This commit is contained in:
Aminda Suomalainen 2025-04-09 13:52:27 +03:00
parent 26ab6f6135
commit 285784c277
Signed by: Mikaela
GPG Key ID: 99392F62BAE30723
1 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
assets/main.scss
View File

@ -10,14 +10,30 @@ $serif-font-family:
ui-serif, "Roboto Serif", "Noto Serif", Tinos, serif, "Noto Emoji",
"Noto Color Emoji", "Segoe UI Emoji", emoji;
$sans-serif-font-family:
ui-sans-serif, "Roboto Flex", "Segoe UI Variable", Roboto, "Noto Sans", Arimo,
sans-serif, "Noto Emoji", "Noto Color Emoji", "Segoe UI Emoji", emoji;
"Inclusive Sans", ui-sans-serif, "Roboto Flex", "Segoe UI Variable", Roboto,
"Noto Sans", Arimo, sans-serif, "Noto Emoji", "Noto Color Emoji",
"Segoe UI Emoji", emoji;
$monospace-font-family:
ui-monospace, "Roboto Mono", "Segoe UI Mono", "Noto Mono", Cousine, monospace,
"Noto Emoji", "Noto Color Emoji", "Segoe UI Emoji", emoji;
// Must be in the end under threat of undefined variable error.
$base-font-family: $sans-serif-font-family;
@font-face {
font-family: "Inclusive Sans";
src: url("https://raw.githubusercontent.com/LivKing/Inclusive-Sans/refs/heads/main/fonts/webfonts/InclusiveSans[wght].woff2")
format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Inclusive Sans Italic";
src: url("https://raw.githubusercontent.com/LivKing/Inclusive-Sans/refs/heads/main/fonts/webfonts/InclusiveSans-Italic[wght].woff2")
format("woff2");
font-weight: normal;
font-style: italic;
}
// CSS of used Jekyll theme
@import "{{ site.theme }}";
@ -54,7 +70,7 @@ $base-font-family: $sans-serif-font-family;
// E.g. blesmrt.net vs bIesmrt.net
a {
text-decoration: underline !important;
font-family: $serif-font-family;
//font-family: $serif-font-family;
}
// Extraneous considering the above.
@ -81,14 +97,14 @@ code {
// Serif for headings to constrast with everything else being sans-serif
// (except links).
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: $serif-font-family !important;
}
// h1,
// h2,
// h3,
// h4,
// h5,
// h6 {
// font-family: $serif-font-family !important;
// }
// Overrides for light themes
@media (prefers-color-scheme: light) {
@ -135,7 +151,7 @@ h6 {
#bio {
//text-align: center;
font-style: italic;
font-family: ui-cursive, $serif-font-family;
font-family: ui-cursive, $sans-serif-font-family;
}
// _layouts/mini.html calls this for returning to index!