Installation

Usage

This stylesheet is able to be used in both personal CSS and Common.css, whichever loads the latest takes precedence.

Since the variables are directly put into the font-family properties, you can use the formal syntax for the property to introduce your own customizations, such as font fallbacks or other variables. Example usage of this stylesheet:

:root {
  --global-font: "Noto Sans", sans-serif;

  --infobox-font: "Open Sans", var(--global-font);
  --category-font: "Montserrat", var(--global-font);
  --title-font: "Courier New", var(--global-font);
 
  --code-font: "Fira Code", monospace;
 
  --heading-font: "Arial", var(--global-font);
  --h1: "Calibri", var(--title-font);
}