@basenative/fonts
Self-hosted web fonts for BaseNative projects — Sans, Serif, and Mono variants
Part of the BaseNative ecosystem — a signal-based web runtime over native HTML.
Install
npm install @basenative/fonts
Quick Start
<!-- Link the pre-built @font-face stylesheet -->
<link rel="stylesheet" href="node_modules/@basenative/fonts/fonts.css">
/* Then use the font families in your CSS */
body {
font-family: 'BaseNative', sans-serif; /* Sans (weight 400, normal stretch) */
}
code {
font-family: 'BaseNative', monospace; /* Mono (weight 400, ultra-condensed stretch) */
}
blockquote {
font-family: 'BaseNative', serif; /* Serif (weight 400, expanded stretch) */
}
Bundler usage
// Import via your bundler (Vite, ESBuild, etc.)
import '@basenative/fonts/fonts.css';
Included Fonts
All fonts are in .woff2 format and use font-display: swap for fast initial paint.
| File | Family | Notes |
|---|---|---|
BaseNative-Sans.woff2 | BaseNative | weight 400, normal stretch |
BaseNative-Serif.woff2 | BaseNative | weight 400, expanded stretch |
BaseNative-Mono.woff2 | BaseNative | weight 400, ultra-condensed stretch |
inter-latin.woff2 | Inter | Variable, Latin subset |
source-serif-4-latin-variable.woff2 | Source Serif 4 | Variable, Latin subset |
jetbrains-mono-latin-variable.woff2 | JetBrains Mono | Variable, Latin subset |
dm-serif-display-latin.woff2 | DM Serif Display | Display weight, Latin subset |
License
The package code is Apache-2.0 (LICENSE). The font files in src/ are licensed under the SIL Open Font License 1.1; the license text and each upstream copyright notice are in OFL.txt. The BaseNative-* files are renamed copies of Inter, Source Serif 4 and JetBrains Mono and stay under the OFL.