mstar/linstrom
1
0
Fork 0
Code Issues 27 Pull requests Projects Releases Packages 1 Wiki Activity Actions

styling again

Browse source
This commit is contained in:
Melody Becker 2024-09-23 17:13:57 +02:00
parent 83b45a5e46
commit cb67b6e2fb
30 changed files with 564 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

83
frontend-reactive/app/styles/fonts.css Normal file
View file

@ -0,0 +1,83 @@
/* Copied from: https://github.com/Vjecni/OpenDyslexic-Font/blob/main/opendyslexic.css */
@font-face {
font-family: OpenDyslexic;
src: url("/assets/fonts/OpenDyslexic-Regular.eot");
src:
url("/assets/fonts/OpenDyslexic-Regular.eot?#iefix")
format("embedded-opentype"),
url("/assets/fonts/OpenDyslexic-Regular.woff2") format("woff2"),
url("/assets/fonts/OpenDyslexic-Regular.woff") format("woff"),
url("/assets/fonts/OpenDyslexic-Regular.otf") format("opentype");
font-weight: normal;
font-style: normal;
font-size: 0.8em;
}
@font-face {
font-family: OpenDyslexic;
src: url("/assets/fonts/OpenDyslexic-Bold.eot");
src:
url("/assets/fonts/OpenDyslexic-Bold.eot?#iefix")
format("embedded-opentype"),
url("/assets/fonts/OpenDyslexic-Bold.woff2") format("woff2"),
url("/assets/fonts/OpenDyslexic-Bold.woff") format("woff"),
url("/assets/fonts/OpenDyslexic-Bold.otf") format("opentype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: OpenDyslexic;
src: url("/assets/fonts/OpenDyslexic-Italic.eot");
src:
url("/assets/fonts/OpenDyslexic-Italic.eot?#iefix")
format("embedded-opentype"),
url("/assets/fonts/OpenDyslexic-Italic.woff2") format("woff2"),
url("/assets/fonts/OpenDyslexic-Italic.woff") format("woff"),
url("/assets/fonts/OpenDyslexic-Italic.otf") format("opentype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: OpenDyslexic;
src: url("/assets/fonts/OpenDyslexic-BoldItalic.eot");
src:
url("/assets/fonts/OpenDyslexic-BoldItalic.eot?#iefix")
format("embedded-opentype"),
url("/assets/fonts/OpenDyslexic-BoldItalic.woff2") format("woff2"),
url("/assets/fonts/OpenDyslexic-BoldItalic.woff") format("woff"),
url("/assets/fonts/OpenDyslexic-BoldItalic.otf") format("opentype");
font-weight: bold;
font-style: italic;
}
body {
font-family: OpenDyslexic, sans-serif;
}
/* Apply OpenDyslexic Bold font to h1, h2, and h3 */
h1,
h2,
h3 {
font-family: OpenDyslexic, sans-serif;
font-weight: bold;
}
/* Apply OpenDyslexic Normal weight to p, span, a, label, and li */
p,
span,
a,
label,
li {
font-family: OpenDyslexic, sans-serif;
font-weight: normal;
}
/* Apply OpenDyslexic Light weight to input, textarea, and button */
input,
textarea,
button {
font-family: OpenDyslexic, sans-serif;
font-weight: 300; /* Light weight */
}