font: one Google font for the whole table
| Team | Qb | Wins | Losses |
|---|---|---|---|
 | Patrick Mahomes | 15 | 2 |
 | Justin Herbert | 11 | 6 |
 | Bo Nix | 10 | 7 |
 | Gardner Minshew | 4 | 13 |
 | Josh Allen | 13 | 4 |
 | Tua Tagovailoa | 8 | 9 |
 | Aaron Rodgers | 5 | 12 |
 | Drake Maye | 4 | 13 |
import { STANDINGS, type Standing } from "@sportsdataverse/examples/data";
import { defineTable } from "@sportsdataverse/sdvtables";
import { renderHTMLAsync } from "@sportsdataverse/sdvtables/html";
// google: true (the default) adds the Google Fonts <link>; set it false for a font the page already loads.
const spec = defineTable<Standing>()
.columns((c) => [c.logo("team", { league: "nfl" }), c.text("qb"), c.int("wins"), c.int("losses")])
.font("Roboto Slab", { weight: 500 })
.title("AFC, 2024")
.build();
await renderHTMLAsync(spec, STANDINGS);
Tags: decoration · font · gt_set_font. All sdvtables examples.