@aurea-uds/fonts

The fonts of Aurea UDS, with the @font-face rules it expects (since 0.39.0):

• Inter for text and controls;
• Sora for headings;
• IBM Plex Mono for code and values (numeric and the KPI number).

Up to 0.38.0 the web used Atkinson Hyperlegible; up to 0.12.4, IBM Plex.

pnpm add @aurea-uds/fonts

import "@aurea-uds/fonts/css";  // BEFORE @aurea-uds/core/css

Order matters: the core only declares --font-ui, --font-heading, --font-editorial and --font-code, and this package is what points those names to real files. Import the core first and the first paint falls back to a system font.

Headings get Sora on their own: the core applies --font-heading to every h1 to h6 through a zero-specificity rule. A font you set on the heading itself wins over it; a font the heading only inherits from its parent (body{font-family:…}) loses.

⚠ --font-editorial has no font of its own: it points to the text font (Inter today). It still exists only so that code using it does not break; it is removed in 1.0.

In React Native

React Native does not read woff2, and on Android it does not read variable fonts: native gets the same three families as static .ttf, one file per weight (@aurea-uds/fonts/native). Load AUREA_FONTS and pass FONT_FAMILIES to AureaProvider:

import {AureaProvider} from "@aurea-uds/native";
import {AUREA_FONTS, FONT_FAMILIES} from "@aurea-uds/fonts/native";
import {useFonts} from "expo-font";

const [pronto] = useFonts(AUREA_FONTS);
// ...
<AureaProvider fontFamilies={FONT_FAMILIES}>{/* your app */}</AureaProvider>

On the device, each weight is a family of its own, named after the file's PostScript name: Inter-SemiBold, Sora-Bold, IBMPlexMono-Medm. FONT_FAMILIES points the requested role and weight to them; without it, the device falls back to the system font. There are 14 files, complete (every script each font draws): 3.17 MB in the app.

Where the files come from

The subset keeps the characters the web served before (the latin subset, 218) and every design feature, such as equal-width figures (tnum). Inter keeps 217 of them (the original has no division slash ∕) and Sora 217 (it has no thin space); the Latin1 subset of IBM Plex Mono covers 214. To rebuild and check:

python packages/fonts/cortar-fontes.py <InterVariable.woff2> <InterVariable-Italic.woff2> <Sora[wght].ttf>

The script prints the digest (sha256) of each file. The IBM files are checked against IBM's package:

The native .ttf files (files-native/):

python packages/fonts/fontes-nativas.py <Inter-4.1.zip> <ibm-plex-mono.zip> <Sora[wght].ttf>

The script gives the same output on every run and prints the digest of each file:

Up to 0.40.0 native used Atkinson Hyperlegible; none of its files remain in the package.

Why a package of its own

It was split out of the core so that anyone who already serves the font — from their own CDN, or hosted with other subsets — can skip it without copying and editing the stylesheet.

License

The three families are under the SIL Open Font License 1.1, and the license text ships with the package, with the copyright of each one. IBM Plex Mono has the reserved font name "Plex": a modified file cannot carry that name — that is why its files ship unchanged. The OFL is not Apache-2.0: read it before redistributing the font files.