Mikaela/mikaela.github.io
1
0
Fork 0
mirror of https://github.com/mikaela/mikaela.github.io/ synced 2025-10-16 08:07:25 +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", ui-serif, "Roboto Serif", "Noto Serif", Tinos, serif, "Noto Emoji",
"Noto Color Emoji", "Segoe UI Emoji", emoji; "Noto Color Emoji", "Segoe UI Emoji", emoji;
$sans-serif-font-family: $sans-serif-font-family:
ui-sans-serif, "Roboto Flex", "Segoe UI Variable", Roboto, "Noto Sans", Arimo, "Inclusive Sans", ui-sans-serif, "Roboto Flex", "Segoe UI Variable", Roboto,
sans-serif, "Noto Emoji", "Noto Color Emoji", "Segoe UI Emoji", emoji; "Noto Sans", Arimo, sans-serif, "Noto Emoji", "Noto Color Emoji",
"Segoe UI Emoji", emoji;
$monospace-font-family: $monospace-font-family:
ui-monospace, "Roboto Mono", "Segoe UI Mono", "Noto Mono", Cousine, monospace, ui-monospace, "Roboto Mono", "Segoe UI Mono", "Noto Mono", Cousine, monospace,
"Noto Emoji", "Noto Color Emoji", "Segoe UI Emoji", emoji; "Noto Emoji", "Noto Color Emoji", "Segoe UI Emoji", emoji;
// Must be in the end under threat of undefined variable error. // Must be in the end under threat of undefined variable error.
$base-font-family: $sans-serif-font-family; $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 // CSS of used Jekyll theme
@import "{{ site.theme }}"; @import "{{ site.theme }}";
@ -54,7 +70,7 @@ $base-font-family: $sans-serif-font-family;
// E.g. blesmrt.net vs bIesmrt.net // E.g. blesmrt.net vs bIesmrt.net
a { a {
text-decoration: underline !important; text-decoration: underline !important;
font-family: $serif-font-family; //font-family: $serif-font-family;
} }
// Extraneous considering the above. // Extraneous considering the above.
@ -81,14 +97,14 @@ code {
// Serif for headings to constrast with everything else being sans-serif // Serif for headings to constrast with everything else being sans-serif
// (except links). // (except links).
h1, // h1,
h2, // h2,
h3, // h3,
h4, // h4,
h5, // h5,
h6 { // h6 {
font-family: $serif-font-family !important; // font-family: $serif-font-family !important;
} // }
// Overrides for light themes // Overrides for light themes
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
@ -135,7 +151,7 @@ h6 {
#bio { #bio {
//text-align: center; //text-align: center;
font-style: italic; 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! // _layouts/mini.html calls this for returning to index!