Heading Font
Cormorant Garamond
Body Font
Lora
Mono Font
JetBrains Mono
For stories worth telling. Cormorant's dramatic display weight arrests attention at the chapter level, while Lora's brush-inspired curves make each paragraph a pleasure to read.
Preview
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing.
Good typography is measured by how well it reinforces the meaning of the text, not by some abstract scale of merit. Typographic subtlety can be just as important as typographic boldness.
When Cormorant Garamond meets Lora, magic happens. This combination creates a perfect balance between impact and readability.
// Install this pairing
npx shadcn add https://www.fonttrio.xyz/r/novel.jsonType Tester
Custom Text
Cormorant Garamond 400 / 64pxClick to edit text
In Context
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed. It involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing.
Good typography is invisible. Bad typography is everywhere. The reader should never have to fight against the presentation to get to the content. Every choice serves the text.
Typography exists to honor content.— Robert Bringhurst
// Typography scale configuration
const scale = {
h1: { size: "2.5rem", weight: 400 },
body: { size: "1rem", lineHeight: "1.75" },
};