gist/web-browsers/usercss/change-fonts.user.css

/* ==UserStyle==
@name        Change Fonts
@updateURL   https://gitea.blesmrt.net/mikaela/gist/raw/branch/master/web-browsers/usercss/change-fonts.user.css
@namespace   eu.aminda
@version     2024.22.6
@var select FontSet "Font Set" {
    "System": "system-ui",
    "Serif": "ui-serif, Liberation Serif, Tinos, Times New Roman, serif",
    "Sans Serif": "ui-sans-serif, Liberation Sans, Arimo, Arial, sans-serif"
}
==/UserStyle== */

:root {
  --a-monospace-fonts: "ui-monospace, Liberation Mono", "Cousine",
    "Courier New", monospace;
}

/* 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;
}