feat(dashboard): (re-)add opendyslexic and atkinson hyperlegible options

This commit is contained in:
Jake Fulmine 2024-02-18 13:40:26 +01:00
parent 6eadcb42b1
commit 08d050a827
11 changed files with 91 additions and 9 deletions

View file

@ -0,0 +1,64 @@
@font-face {
font-family: 'OpenDyslexic';
src: url('/fonts/OpenDyslexic-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'OpenDyslexic';
src: url('/fonts/OpenDyslexic-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'OpenDyslexic';
src: url('/fonts/OpenDyslexic-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'OpenDyslexic';
src: url('/fonts/OpenDyslexic-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Atkinson Hyperlegible';
src: url('/fonts/AtkinsonHyperlegible-Bold.woff2') format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Atkinson Hyperlegible';
src: url('/fonts/AtkinsonHyperlegible-BoldItalic.woff2') format('woff2');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Atkinson Hyperlegible';
src: url('/fonts/AtkinsonHyperlegible-Italic.woff2') format('woff2');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Atkinson Hyperlegible';
src: url('/fonts/AtkinsonHyperlegible-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}

View file

@ -3,7 +3,7 @@ This stylesheet should be used globally regardless of theming
some specific rules are meant to be overwritten by the individual themes
*/
@import url('http://fonts.cdnfonts.com/css/open-dyslexic');
@import "fonts";
// some variables
$breakpoint-xs: 0px;
@ -45,7 +45,11 @@ code {
}
.dyslexic {
font-family: 'Open-Dyslexic', sans-serif;
font-family: 'OpenDyslexic', sans-serif;
}
.atkinson {
font-family: 'Atkinson Hyperlegible', sans-serif;
}
// dashboard specific elements