diff --git a/src/css/custom/sections.css b/src/css/custom/sections.css index 83d74eb..bf0288f 100644 --- a/src/css/custom/sections.css +++ b/src/css/custom/sections.css @@ -18,6 +18,10 @@ margin-bottom: $container-margin-bottom; } +[data-filter="blur"] { + filter: blur(.3rem); +} + /* :where([data-section~="header"]) a { color: inherit; text-decoration: underline solid 0.125rem; diff --git a/src/css/var.css b/src/css/var.css index 5f9aeea..46aab8e 100644 --- a/src/css/var.css +++ b/src/css/var.css @@ -99,8 +99,8 @@ $headings-font-family: var(--font-sans); $headings-font-weight: 400; $headings-color: false; -$h1-font-size: clamp(3.052rem, 7vw + 1rem, 7.7rem); -$h1-line-height: 1.1; +$h1-font-size: clamp(3.2rem, 7vw + 1rem, 7.7rem); +$h1-line-height: 1; $h2-font-size: clamp(2.074rem, 3vw + 1rem, 3.157rem); $h2-line-height: 1.2; diff --git a/src/index.html b/src/index.html index 49aa36b..e27227a 100644 --- a/src/index.html +++ b/src/index.html @@ -25,14 +25,10 @@
Download Font - Contribute + + Contribute
@@ -49,7 +45,36 @@ Award. + +B8 O0 1Iil
++ B8 O0 1Iil +
++ Designed for Low vision readers, certain letters and numbers can be hard + to distinguish from one another. Atkinson Hyperlegible differentiates + common misinterpreted letters and numbers using various design + techniques: B vs 8, 1 vs L vs l vs I. Recognizable Footprints: Character + boundaries clearly defined, ensuring understanding across the + visual-ability spectrum. +
+04
Four fonts, with two weights, in both roman and oblique.
@@ -79,7 +104,7 @@Angled spurs and distinguish tails to increase recognition.
fi ffi fl ffl
+fiffifl
Standard ligatures to improve legibility and harmony.