Eunomia v1.0.0-beta.2
AllAngularReactNext.jsJavaScriptVue
EunomiaSalmonForestVioletOceanGoldFireCustom…
🇬🇧 English🇫🇷 Français

Font family

Every component defaults to Mulish, loaded from Google Fonts and licensed under Apache 2.0, via a single custom property, --eun-font-family. This is independent of whatever typeface a consuming app (or this documentation site's own chrome) uses elsewhere; components never inherit font-family from their surrounding page.

The quick brown fox jumps over the lazy dog.

--eun-font-family: "Mulish", sans-serif;

Overriding it

Set the token at whatever scope you want to affect: globally on :root, or scoped to one subtree.

:root {
  --eun-font-family: "Inter", sans-serif;
}

Because every component reads font-family: var(--eun-font-family, ...) internally, they all pick up the change with no per-component configuration.