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:
parent
564b6cc520
commit
ce666cfe84
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue