tweak css fonts to use atkinson hyperlegible (if installed) then open dyslexic (if installed) then standard sans-sarif font (let users tune to their liking w/ reasonable defaults that dont deliver extra assets via the web as its not necessary

This commit is contained in:
KemoNine 2022-12-04 11:42:00 -05:00
parent 564b6cc520
commit ce666cfe84
2 changed files with 7 additions and 6 deletions

View File

@ -1,5 +1,7 @@
@import url('https://rsms.me/inter/inter-ui.css');
html {
font-family: $text-font-family;
}
body, button { margin: 0 }
@ -122,13 +124,12 @@ td { vertical-align: top }
body {
font-family: 'Inter UI', Helvetica, sans-serif;
line-height: 1.5;
font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Inter UI', Helvetica, sans-serif;
font-family: $heading-font-family;
font-weight: bold;
line-height: 1.1;
margin-top: 1em;
@ -1304,4 +1305,4 @@ a:hover .image{opacity:0.2;}
.title-shadow {
text-shadow: 1px 1px 4px black;
}
}

View File

@ -1,6 +1,6 @@
// Fonts
$text-font-family: Arial, sans-serif;;
$heading-font-family: Arial, sans-serif;
$text-font-family: "Atkinson Hyperlegible", Atkinson-Hyperlegible, AtkinsonHyperlegible, "Open Dyslexic", Open-Dyslexic, OpenDyslexic,"Atkinson Hyperlegible", Atkinson-Hyperlegible, AtkinsonHyperlegible, "Open Dyslexic", Open-Dyslexic, OpenDyslexic, sans-serif;;
$heading-font-family: "Atkinson Hyperlegible", Atkinson-Hyperlegible, AtkinsonHyperlegible, "Open Dyslexic", Open-Dyslexic, OpenDyslexic, sans-serif;
$code-font-family: monospace;
$font-weight-light: 300;
$font-weight-regular: 400;