From ce666cfe845b143f95b4b6d3926c2770cedb7372 Mon Sep 17 00:00:00 2001 From: KemoNine Date: Sun, 4 Dec 2022 11:42:00 -0500 Subject: [PATCH] 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 --- themes/gochowdown/assets/scss/_base.scss | 9 +++++---- themes/gochowdown/assets/scss/_variables.scss | 4 ++-- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/themes/gochowdown/assets/scss/_base.scss b/themes/gochowdown/assets/scss/_base.scss index 4308ef0..eb3ab2d 100644 --- a/themes/gochowdown/assets/scss/_base.scss +++ b/themes/gochowdown/assets/scss/_base.scss @@ -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; -} \ No newline at end of file +} diff --git a/themes/gochowdown/assets/scss/_variables.scss b/themes/gochowdown/assets/scss/_variables.scss index fd5e3de..5bacc81 100644 --- a/themes/gochowdown/assets/scss/_variables.scss +++ b/themes/gochowdown/assets/scss/_variables.scss @@ -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;