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 } body, button { margin: 0 }
@ -122,13 +124,12 @@ td { vertical-align: top }
body { body {
font-family: 'Inter UI', Helvetica, sans-serif;
line-height: 1.5; line-height: 1.5;
font-size: 100%; font-size: 100%;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: 'Inter UI', Helvetica, sans-serif; font-family: $heading-font-family;
font-weight: bold; font-weight: bold;
line-height: 1.1; line-height: 1.1;
margin-top: 1em; margin-top: 1em;

View file

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