Nupuram Color is the color font variant of Nupuram, implemented with COLRv1. It supports customizable color palettes in modern browsers, and provides a COLRv0 fallback for legacy applications. Nupuram Color is also a variable font with a Weight axis.
Variation axis
- Weight (
wght): 100–900, default 400 — Thin to Black.
Customize palettes
There are 18 predefined palettes that you can select, or you can override colors via CSS using
@font-palette-values. Browser support for COLRv1 varies; see
colorfonts.wtf and
Chrome’s COLRv1 announcement for details.
/* Example palette override */
.content {
font-family: 'NupuramColor';
font-palette: --custom;
}
@font-palette-values --custom {
font-family: 'NupuramColor';
/* Change to pick a supplied palette (0–18) */
base-palette: 0;
/* Or override colors directly (Dark, Light, Base) */
override-colors: 0 #FFD700, 1 #FFD700, 2 #1E0303;
}
