gist/web-browsers/usercss/od-serif.user.css
2024-06-19 08:53:27 +03:00

42 lines
982 B
CSS

/**
* ==UserStyle==
* ==/UserStyle==
*
* @format
* @name OpenDyslexic with serif fallback
* @updateURL https://gitea.blesmrt.net/mikaela/gist/raw/branch/master/web-browsers/usercss/od-serif.user.css
* @namespace eu.aminda
* @version 2024.23.1
*/
:root {
--FontSet: OpenDyslexic, "Liberation Serif", Tinos, "Times New Roman",
ui-serif, system-ui, serif, emoji;
--a-monospace-fonts: "Liberation Mono", "Cousine", "Courier New",
ui-monospace, monospace, emoji;
}
/* Use the variable from above. */
* {
font-family: var(--FontSet) !important;
}
@font-face {
font-family: var(--FontSet) !important;
}
/* Code blocks preferably use monospace font, which is specified here then. */
code,
pre {
font-family: var(--a-monospace-fonts) !important;
@font-face {
font-family: var(--a-monospace-fonts) !important;
}
}
/* I have Firefox always underlining links and not seeing it on Android etc.
bothers me.*/
a {
text-decoration: underline !important;
}