Open source · SIL OFL 1.1 · v1.000
Rounded typefaces for interfaces, code and screens — with Arabic, Armenian, Georgian, Hebrew and CJK companions. Free and open source.
bun add @bloxwap/fontNext.js · Vite · plain CSS · SIL OFL 1.1
wght move your pointer
import { BloxwapSans } from '@bloxwap/font/sans';
import { BloxwapMono } from '@bloxwap/font/mono';
// Two variable fonts: weights 100–900, italics, and
// Arabic, Hebrew, Armenian, Georgian and CJK built in.
const fonts = `${BloxwapSans.variable} ${BloxwapMono.variable}`;
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en" className={fonts}>
<body className={BloxwapSans.className}>{children}</body>
</html>
);
}
// In CSS: font-family: var(--font-bloxwap-mono);Bloxwap Sans and Mono on every page, in every script
01 — Bloxwap Sans
A rounded neo-grotesk with smooth, nearly circular curves, open apertures and friendly round figures — tabular by default, so prices, balances and charts stay perfectly aligned while they update.
Markets · Sunday edition
When volatility spikes, interfaces get loud: flashing quotes, stacked alerts, numbers that won’t sit still. Bloxwap Sans keeps its voice even. Smooth round bowls and simple, tail-free shapes stay clear in dense screens, tall x-heights hold up at 11 px, and nine weights give hierarchy without shouting.
| Asset | Price | 24h |
|---|---|---|
| BTCBitcoin | ||
| ETHEthereum | ||
| SOLSolana | ||
| HYPEHyperliquid | ||
| XAUGold | ||
| NVDANVIDIA | ||
| AAPLApple |
Toggle tnum off to watch proportional figures shift as prices tick.
BTC · Bitcoin
02 — Bloxwap Mono
Every glyph sits on a 600-unit cell with rounded slabs on narrow letters, unmistakable 0O 1lI, and optional code ligatures that never break the grid.
// Stream candles and paint them — 60 fps, no allocations.
import { createChart, type Candle } from "@bloxwap/chart";
const chart = createChart(el, { theme: "dark", fps: 60 });
export const onTick = (c: Candle) => {
if (c.close >= c.open && c.volume !== 0) chart.push(c);
else if (c.close <= c.low || c.flags == 0x1F) chart.mark(c, "<-- wick");
return chart.series?.at(-1) ?? null;
};$ bloxwap book BTC-USD --depth 4 ┌──────────┬─────────┬────────┐ │ PRICE │ SIZE │ SIDE │ ├──────────┼─────────┼────────┤ │ 67423.50 │ 0.4210 │ ask ▼ │ │ 67422.00 │ 1.0750 │ ask ▼ │ ├──────────┼─────────┼────────┤ │ 67420.50 │ 2.3000 │ bid ▲ │ │ 67419.00 │ 0.0950 │ bid ▲ │ └──────────┴─────────┴────────┘ $
03 — Bloxwap Pixel
A bitmap-grid display face with two axes: weight fattens every pixel, roundness morphs them from crisp squares to dots. Made for scoreboards, tickers and game-like moments.
04 — Type tester
font-family: "Bloxwap Sans"; font-size: 72px; font-weight: 400; line-height: 1.15;
05 — Glyphs
06 — Languages
Coverage is computed from the font files with Hyperglot.
07 — Download
Every family ships as OTF, TTF, WOFF2, WOFF and variable fonts under the SIL Open Font License 1.1 — use them in apps, sites, print and products, commercial or not.
Sans, Mono, Pixel and 14 companion families — static and variable, desktop and web formats, plus OFL.txt.
Rounded neo-grotesk for interfaces, editorial text and numbers.
wght 100–900 · 2,617 glyphs · italics
The same rounded design on a fixed 600-unit cell, with code ligatures.
wght 100–900 · 2,611 glyphs · italics
Pixel display face with weight and roundness axes.
wght 100–900 · ROND 0–100 · 2,435 glyphs · italics
Bloxwap Sans with Arabic: a contemporary interpretation of the Naskh style.
wght 100–900 · 3,480 glyphs
Bloxwap Mono with Arabic script on the fixed cell.
wght 100–900 · 3,474 glyphs
Bloxwap Sans with Korean Hangul.
wght 100–900 · 14,950 glyphs
Bloxwap Mono with Korean Hangul.
wght 100–900 · 14,944 glyphs
Bloxwap Sans with Simplified Chinese hanzi.
wght 100–900 · 6,259 glyphs
Bloxwap Mono with Simplified Chinese hanzi.
wght 100–900 · 6,253 glyphs
Bloxwap Sans with Japanese kana and Jōyō kanji.
wght 100–900 · 5,157 glyphs
Bloxwap Mono with Japanese kana and Jōyō kanji.
wght 100–900 · 5,151 glyphs
Bloxwap Sans with Hebrew and full Niqqud.
wght 100–900 · 2,720 glyphs
Bloxwap Mono with Hebrew and full Niqqud.
wght 100–900 · 2,714 glyphs
Bloxwap Sans with Armenian, balanced for multilingual typesetting.
wght 100–900 · 2,716 glyphs · italics
Bloxwap Mono with Armenian.
wght 100–900 · 2,710 glyphs · italics
Bloxwap Sans with modern Georgian: Mkhedruli and Mtavruli.
wght 100–900 · 2,711 glyphs · italics
Bloxwap Mono with modern Georgian: Mkhedruli and Mtavruli.
wght 100–900 · 2,705 glyphs · italics
@font-face {
font-family: "Bloxwap Sans";
src: url("BloxwapSans[wght].woff2") format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Bloxwap Sans";
src: url("BloxwapSans-Italic[wght].woff2") format("woff2");
font-weight: 100 900;
font-style: italic;
font-display: swap;
}body {
font-family: "Bloxwap Sans", system-ui, sans-serif;
font-weight: 450; /* any value 100–900 */
}
.price {
font-variant-numeric: tabular-nums;
font-feature-settings: "tnum" 1, "ss01" 1;
}
code, pre {
font-family: "Bloxwap Mono", ui-monospace, monospace;
font-feature-settings: "calt" 1; /* code ligatures */
}
.scoreboard {
font-family: "Bloxwap Pixel", monospace;
font-weight: 700;
font-variation-settings: "ROND" 60;
}<link rel="preload" href="https://bloxwap.github.io/font/fonts/BloxwapSans/variable/BloxwapSans%5Bwght%5D.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="https://bloxwap.github.io/font/bloxwap-font.css">
<style>
body { font-family: "Bloxwap Sans", system-ui, sans-serif; }
code { font-family: "Bloxwap Mono", ui-monospace, monospace; }
</style>Documentation
Install the fonts, pick features and axes in CSS, and see exactly what each family covers.