@lovrozagar/flare 0.9.11 → 0.9.12

package/README.md

@@ -798,7 +798,7 @@ import hero from "../assets/hero.jpg";
 <Image src={hero} alt="Hero" widths={[400, 800, 1200]} placeholder={false} />
 ```
 
-`flare font add` writes `public/fonts/` + subset CSS. Fallback metrics (`size-adjust`) reduce CLS.
+`flare font add` writes `public/fonts/` + subset CSS. Each font ships a `"<Family> Fallback"` face: Arial / Times New Roman / Courier New (or their metric-compatible Liberation and Croscore clones on Linux) with `size-adjust` matched to the font's average character width, so text wraps the same before and after the swap. Use `font.fontFamily`, which lists it, or name the fallback face in your own stack.
 
 `Image` emits `srcset`, optional blur placeholder. The Vite image plugin rewrites imports. `configureImage({ ... })` sets app-wide defaults. Typed imports look like `hero.d.jpg.ts` next to the file.
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@lovrozagar/flare",
-	"version": "0.9.11",
+	"version": "0.9.12",
 	"description": "Solid meta-framework. Server-driven, NDJSON streaming, renderToStream.",
 	"keywords": [
 		"flare",

package/scripts/populate-fonts.ts

@@ -3,9 +3,10 @@
  * and generates registry.gen.ts, unicode-ranges.gen.ts, and per-font files.
  *
  * Usage: bun run scripts/populate-fonts.ts
+ *        bun run scripts/populate-fonts.ts --metrics-only   (recompute fallback metrics in place)
  */
 import { createHash } from "node:crypto";
-import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { existsSync, mkdirSync, readdirSync, readFileSync, writeFileSync } from "node:fs";
 import { join } from "node:path";
 
 function writeGenFile(filePath: string, body: string, generator: string): void {
@@ -408,6 +409,7 @@ async function getFallbackMetrics(
 			descent: number;
 			lineGap: number;
 			unitsPerEm: number;
+			xWidthAvg: number;
 		};
 
 		try {
@@ -419,11 +421,10 @@ async function getFallbackMetrics(
 			return undefined;
 		}
 
-		/* calculate size-adjust and override values */
+		/* size-adjust matches average character width (Capsize's xWidthAvg), so fallback text wraps
+		   like the real font; the vertical overrides are then expressed in the adjusted em. */
 		const sizeAdjust =
-			((metrics.unitsPerEm / fallbackMetrics.unitsPerEm) *
-				(fallbackMetrics.ascent - fallbackMetrics.descent + fallbackMetrics.lineGap)) /
-			(metrics.ascent - metrics.descent + metrics.lineGap);
+			metrics.xWidthAvg / metrics.unitsPerEm / (fallbackMetrics.xWidthAvg / fallbackMetrics.unitsPerEm);
 
 		const ascentOverride = metrics.ascent / (metrics.unitsPerEm * sizeAdjust);
 		const descentOverride = Math.abs(metrics.descent) / (metrics.unitsPerEm * sizeAdjust);
@@ -592,10 +593,47 @@ function buildFileName(entry: { style: "italic" | "normal"; subset: string; weig
 	return `${parts.join("-")}.woff2`;
 }
 
+/* ── metrics-only pass ─────────────────────────────────────────── */
+
+/* Rewrite each font file's fallbackMetrics block from Capsize, leaving everything else untouched. */
+async function updateFallbackMetrics(fontsDir: string): Promise<void> {
+	let updated = 0;
+	const missing: string[] = [];
+	for (const name of readdirSync(fontsDir)
+		.filter((f) => f.endsWith(".ts"))
+		.sort()) {
+		const file = join(fontsDir, name);
+		const source = readFileSync(file, "utf-8");
+		const family = /\bfamily: "([^"]+)"/.exec(source)?.[1];
+		const category = /\bcategory: "([^"]+)"/.exec(source)?.[1] ?? "sans-serif";
+		if (!family || !source.includes("fallbackMetrics: {")) continue;
+		const metrics = await getFallbackMetrics(family, category);
+		if (!metrics) {
+			missing.push(family);
+			continue;
+		}
+		const next = source.replace(
+			/(fallbackMetrics: \{\n)(\s*)ascentOverride: "[^"]*",\n\s*descentOverride: "[^"]*",\n\s*fallbackFont: "[^"]*",\n\s*lineGapOverride: "[^"]*",\n\s*sizeAdjust: "[^"]*",/,
+			(_match, open: string, indent: string) =>
+				`${open}${indent}ascentOverride: "${metrics.ascentOverride}",\n${indent}descentOverride: "${metrics.descentOverride}",\n${indent}fallbackFont: "${metrics.fallbackFont}",\n${indent}lineGapOverride: "${metrics.lineGapOverride}",\n${indent}sizeAdjust: "${metrics.sizeAdjust}",`,
+		);
+		if (next !== source) {
+			writeFileSync(file, next);
+			updated++;
+		}
+	}
+	console.log(`Updated fallback metrics in ${updated} font files`);
+	if (missing.length > 0) console.log(`No Capsize metrics (left as is): ${missing.join(", ")}`);
+}
+
 /* ── main pipeline ─────────────────────────────────────────────── */
 
 async function main(): Promise<void> {
 	const fontsDir = join(import.meta.dirname ?? ".", "..", "src", "fonts");
+	if (process.argv.includes("--metrics-only")) {
+		await updateFallbackMetrics(fontsDir);
+		return;
+	}
 
 	if (!existsSync(fontsDir)) {
 		mkdirSync(fontsDir, { recursive: true });

package/src/fonts/abeezee.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const abeezee: Font<"latin" | "latin-ext"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "94.57%",
-		descentOverride: "26.93%",
+		ascentOverride: "85.27%",
+		descentOverride: "24.28%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "97.28%",
+		sizeAdjust: "107.90%",
 	},
 	family: "ABeeZee",
 	subsetEntries: [

package/src/fonts/abel.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const abel: Font<"latin"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "108.56%",
-		descentOverride: "32.69%",
+		ascentOverride: "114.21%",
+		descentOverride: "34.39%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "90.23%",
+		sizeAdjust: "85.76%",
 	},
 	family: "Abel",
 	subsetEntries: [

package/src/fonts/abril-fatface.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const abrilFatface: Font<"latin" | "latin-ext"> = createRegistryFont({
 	category: "display",
 	fallbackMetrics: {
-		ascentOverride: "124.12%",
-		descentOverride: "34.14%",
+		ascentOverride: "102.31%",
+		descentOverride: "28.14%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "85.24%",
+		sizeAdjust: "103.41%",
 	},
 	family: "Abril Fatface",
 	subsetEntries: [

package/src/fonts/acme.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const acme: Font<"latin"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "105.58%",
-		descentOverride: "33.80%",
+		ascentOverride: "109.06%",
+		descentOverride: "34.91%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "90.83%",
+		sizeAdjust: "87.93%",
 	},
 	family: "Acme",
 	subsetEntries: [

package/src/fonts/advent-pro.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const adventPro: Font<"cyrillic" | "cyrillic-ext" | "greek" | "latin" | "latin-ext"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "100.26%",
-		descentOverride: "24.13%",
+		ascentOverride: "117.42%",
+		descentOverride: "28.26%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "96.15%",
+		sizeAdjust: "82.10%",
 	},
 	family: "Advent Pro",
 	subsetEntries: [

package/src/fonts/alegreya-sans.ts

@@ -6,11 +6,11 @@ export const alegreyaSans: Font<
 > = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "93.92%",
-		descentOverride: "31.31%",
+		ascentOverride: "103.67%",
+		descentOverride: "34.56%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "95.83%",
+		sizeAdjust: "86.81%",
 	},
 	family: "Alegreya Sans",
 	subsetEntries: [

package/src/fonts/alegreya.ts

@@ -6,11 +6,11 @@ export const alegreya: Font<
 > = createRegistryFont({
 	category: "serif",
 	fallbackMetrics: {
-		ascentOverride: "120.25%",
-		descentOverride: "40.83%",
+		ascentOverride: "100.67%",
+		descentOverride: "34.18%",
 		fallbackFont: "Times New Roman",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "84.49%",
+		sizeAdjust: "100.92%",
 	},
 	family: "Alegreya",
 	subsetEntries: [

package/src/fonts/alex-brush.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const alexBrush: Font<"latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "handwriting",
 	fallbackMetrics: {
-		ascentOverride: "89.68%",
-		descentOverride: "46.20%",
+		ascentOverride: "107.86%",
+		descentOverride: "55.56%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "91.99%",
+		sizeAdjust: "76.49%",
 	},
 	family: "Alex Brush",
 	subsetEntries: [

package/src/fonts/alfa-slab-one.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const alfaSlabOne: Font<"latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "display",
 	fallbackMetrics: {
-		ascentOverride: "123.34%",
-		descentOverride: "39.64%",
+		ascentOverride: "85.85%",
+		descentOverride: "27.59%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "84.00%",
+		sizeAdjust: "120.68%",
 	},
 	family: "Alfa Slab One",
 	subsetEntries: [

package/src/fonts/alice.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const alice: Font<"cyrillic" | "cyrillic-ext" | "latin" | "latin-ext"> = createRegistryFont({
 	category: "serif",
 	fallbackMetrics: {
-		ascentOverride: "90.35%",
-		descentOverride: "23.26%",
+		ascentOverride: "81.88%",
+		descentOverride: "21.08%",
 		fallbackFont: "Times New Roman",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "100.60%",
+		sizeAdjust: "111.02%",
 	},
 	family: "Alice",
 	subsetEntries: [

package/src/fonts/amatic-sc.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const amaticSc: Font<"cyrillic" | "hebrew" | "latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "handwriting",
 	fallbackMetrics: {
-		ascentOverride: "111.42%",
-		descentOverride: "26.87%",
+		ascentOverride: "157.82%",
+		descentOverride: "38.06%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "91.19%",
+		sizeAdjust: "64.38%",
 	},
 	family: "Amatic SC",
 	subsetEntries: [

package/src/fonts/amiri.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const amiri: Font<"arabic" | "latin" | "latin-ext"> = createRegistryFont({
 	category: "serif",
 	fallbackMetrics: {
-		ascentOverride: "171.84%",
-		descentOverride: "96.93%",
+		ascentOverride: "112.47%",
+		descentOverride: "63.44%",
 		fallbackFont: "Times New Roman",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "65.41%",
+		sizeAdjust: "99.94%",
 	},
 	family: "Amiri",
 	subsetEntries: [

package/src/fonts/antic-slab.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const anticSlab: Font<"latin"> = createRegistryFont({
 	category: "serif",
 	fallbackMetrics: {
-		ascentOverride: "97.28%",
-		descentOverride: "25.87%",
+		ascentOverride: "80.73%",
+		descentOverride: "21.47%",
 		fallbackFont: "Times New Roman",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "96.63%",
+		sizeAdjust: "116.43%",
 	},
 	family: "Antic Slab",
 	subsetEntries: [

package/src/fonts/anton.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const anton: Font<"latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "153.99%",
-		descentOverride: "43.08%",
+		ascentOverride: "129.70%",
+		descentOverride: "36.29%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "76.39%",
+		sizeAdjust: "90.69%",
 	},
 	family: "Anton",
 	subsetEntries: [

package/src/fonts/archivo-black.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const archivoBlack: Font<"latin" | "latin-ext"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "83.07%",
-		descentOverride: "19.87%",
+		ascentOverride: "70.78%",
+		descentOverride: "16.93%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "105.69%",
+		sizeAdjust: "124.05%",
 	},
 	family: "Archivo Black",
 	subsetEntries: [

package/src/fonts/archivo-narrow.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const archivoNarrow: Font<"latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "121.24%",
-		descentOverride: "36.55%",
+		ascentOverride: "125.38%",
+		descentOverride: "37.80%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "85.37%",
+		sizeAdjust: "82.55%",
 	},
 	family: "Archivo Narrow",
 	subsetEntries: [

package/src/fonts/archivo.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const archivo: Font<"latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "83.07%",
-		descentOverride: "19.87%",
+		ascentOverride: "88.96%",
+		descentOverride: "21.28%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "105.69%",
+		sizeAdjust: "98.70%",
 	},
 	family: "Archivo",
 	subsetEntries: [

package/src/fonts/arvo.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const arvo: Font<"latin"> = createRegistryFont({
 	category: "serif",
 	fallbackMetrics: {
-		ascentOverride: "103.19%",
-		descentOverride: "26.53%",
+		ascentOverride: "79.95%",
+		descentOverride: "20.56%",
 		fallbackFont: "Times New Roman",
-		lineGapOverride: "2.88%",
-		sizeAdjust: "93.12%",
+		lineGapOverride: "2.23%",
+		sizeAdjust: "120.19%",
 	},
 	family: "Arvo",
 	subsetEntries: [

package/src/fonts/asap.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const asap: Font<"latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "93.08%",
-		descentOverride: "21.13%",
+		ascentOverride: "94.20%",
+		descentOverride: "21.38%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "100.34%",
+		sizeAdjust: "99.15%",
 	},
 	family: "Asap",
 	subsetEntries: [

package/src/fonts/assistant.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const assistant: Font<"hebrew" | "latin" | "latin-ext"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "116.14%",
-		descentOverride: "32.65%",
+		ascentOverride: "109.94%",
+		descentOverride: "30.90%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "87.91%",
+		sizeAdjust: "92.87%",
 	},
 	family: "Assistant",
 	subsetEntries: [

package/src/fonts/baloo-2.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const baloo2: Font<"devanagari" | "latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "display",
 	fallbackMetrics: {
-		ascentOverride: "150.18%",
-		descentOverride: "73.00%",
+		ascentOverride: "112.55%",
+		descentOverride: "54.71%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "71.78%",
+		sizeAdjust: "95.78%",
 	},
 	family: "Baloo 2",
 	subsetEntries: [

package/src/fonts/barlow-condensed.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const barlowCondensed: Font<"latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "104.36%",
-		descentOverride: "20.87%",
+		ascentOverride: "130.73%",
+		descentOverride: "26.15%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "95.83%",
+		sizeAdjust: "76.49%",
 	},
 	family: "Barlow Condensed",
 	subsetEntries: [

package/src/fonts/barlow-semi-condensed.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const barlowSemiCondensed: Font<"latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "104.36%",
-		descentOverride: "20.87%",
+		ascentOverride: "115.49%",
+		descentOverride: "23.10%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "95.83%",
+		sizeAdjust: "86.59%",
 	},
 	family: "Barlow Semi Condensed",
 	subsetEntries: [

package/src/fonts/barlow.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const barlow: Font<"latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "104.36%",
-		descentOverride: "20.87%",
+		ascentOverride: "103.43%",
+		descentOverride: "20.69%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "95.83%",
+		sizeAdjust: "96.68%",
 	},
 	family: "Barlow",
 	subsetEntries: [

package/src/fonts/be-vietnam-pro.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const beVietnamPro: Font<"latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "110.01%",
-		descentOverride: "29.15%",
+		ascentOverride: "90.61%",
+		descentOverride: "24.01%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "90.90%",
+		sizeAdjust: "110.36%",
 	},
 	family: "Be Vietnam Pro",
 	subsetEntries: [

package/src/fonts/bebas-neue.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const bebasNeue: Font<"latin" | "latin-ext"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "93.92%",
-		descentOverride: "31.31%",
+		ascentOverride: "117.32%",
+		descentOverride: "39.11%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "95.83%",
+		sizeAdjust: "76.72%",
 	},
 	family: "Bebas Neue",
 	subsetEntries: [

package/src/fonts/besley.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const besley: Font<"latin" | "latin-ext"> = createRegistryFont({
 	category: "serif",
 	fallbackMetrics: {
-		ascentOverride: "182.08%",
-		descentOverride: "61.91%",
+		ascentOverride: "100.86%",
+		descentOverride: "34.29%",
 		fallbackFont: "Times New Roman",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "68.65%",
+		sizeAdjust: "123.94%",
 	},
 	family: "Besley",
 	subsetEntries: [

package/src/fonts/biorhyme.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const biorhyme: Font<"latin" | "latin-ext"> = createRegistryFont({
 	category: "serif",
 	fallbackMetrics: {
-		ascentOverride: "151.81%",
-		descentOverride: "56.85%",
+		ascentOverride: "85.26%",
+		descentOverride: "31.93%",
 		fallbackFont: "Times New Roman",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "74.24%",
+		sizeAdjust: "132.18%",
 	},
 	family: "BioRhyme",
 	subsetEntries: [

package/src/fonts/bitter.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const bitter: Font<"cyrillic" | "cyrillic-ext" | "latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "serif",
 	fallbackMetrics: {
-		ascentOverride: "97.57%",
-		descentOverride: "27.65%",
+		ascentOverride: "81.69%",
+		descentOverride: "23.15%",
 		fallbackFont: "Times New Roman",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "95.83%",
+		sizeAdjust: "114.46%",
 	},
 	family: "Bitter",
 	subsetEntries: [

package/src/fonts/black-ops-one.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const blackOpsOne: Font<"cyrillic-ext" | "latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "display",
 	fallbackMetrics: {
-		ascentOverride: "99.31%",
-		descentOverride: "36.57%",
+		ascentOverride: "74.14%",
+		descentOverride: "27.30%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "91.99%",
+		sizeAdjust: "123.22%",
 	},
 	family: "Black Ops One",
 	subsetEntries: [

package/src/fonts/bree-serif.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const breeSerif: Font<"latin" | "latin-ext"> = createRegistryFont({
 	category: "serif",
 	fallbackMetrics: {
-		ascentOverride: "127.19%",
-		descentOverride: "33.19%",
+		ascentOverride: "97.23%",
+		descentOverride: "25.37%",
 		fallbackFont: "Times New Roman",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "84.68%",
+		sizeAdjust: "110.77%",
 	},
 	family: "Bree Serif",
 	subsetEntries: [

package/src/fonts/bricolage-grotesque.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const bricolageGrotesque: Font<"latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "97.05%",
-		descentOverride: "28.18%",
+		ascentOverride: "88.21%",
+		descentOverride: "25.61%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "95.83%",
+		sizeAdjust: "105.43%",
 	},
 	family: "Bricolage Grotesque",
 	subsetEntries: [

package/src/fonts/cabin.ts

@@ -4,11 +4,11 @@ import type { Font } from "./types.ts";
 export const cabin: Font<"latin" | "latin-ext" | "vietnamese"> = createRegistryFont({
 	category: "sans-serif",
 	fallbackMetrics: {
-		ascentOverride: "101.96%",
-		descentOverride: "26.42%",
+		ascentOverride: "101.94%",
+		descentOverride: "26.41%",
 		fallbackFont: "Arial",
 		lineGapOverride: "0.00%",
-		sizeAdjust: "94.64%",
+		sizeAdjust: "94.66%",
 	},
 	family: "Cabin",
 	subsetEntries: [