diff --git a/assets/main.scss b/assets/main.scss index d028d12..4127d8b 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -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!