A worked example
Compare a serif and sans-serif stack on your own device using the same headline and paragraph.
LETTERKIND / EVERYDAY TOOLS
Find the rhythmin your words.
Compare local font families, build a type scale and fine-tune spacing. Keep a small CSS recipe for your next page.
Make a little plan✓ Free to use✓ No uploads✓ Ready to print
MEASURE / PLAN / MAKEA clearer plan starts here.
Made for your browser.
YOUR LITTLE WORKBENCH
ON YOUR DEVICE ✦Font comparison
Try a sample on your device’s installed fonts. Settings remain in this page only; export a JSON recipe before switching tools. No remote font requests.
Humanist sans
A little space changes everything. Good typography helps ideas find their rhythm. Try your own headline, paragraph or a few words in another language. 留一点空间，让文字更好读。
Editorial serif
A little space changes everything. Good typography helps ideas find their rhythm. Try your own headline, paragraph or a few words in another language. 留一点空间，让文字更好读。
Font rendering depends on what is installed. ch is not an exact character count; exported rem headings assume your chosen root reference. Preview in the actual page before use.
THE METHOD / 01
A clear wayfrom start to finish.
Only allowlisted system-font stacks are used. The browser selects an installed font or the stack’s generic fallback.
Keep the assumptions clear
Results vary with installed fonts and glyph coverage. Chinese may use a fallback even when Latin uses the first family.
A FEW USEFUL ANSWERS
Good to know.
Are my inputs uploaded?
No. Processing runs locally in your browser. The host still receives normal requests for website pages and assets.
Can I keep my result?
Use the download controls for the current tool or print from your browser. Seating plans, flashcards and document drafts autosave in this browser; see the privacy page.
Do I need an account?
No sign-up, paid API or subscription is required. Both languages use the same tools. English always opens at the root address.
LETTERKIND / TOOLKIT
A little help for every step.
01
Font comparison
Compare the same sample across safe system-font stacks without requesting remote fonts.
Open tool02
Type scale
Generate heading sizes from a base size and ratio, and preview a page hierarchy.
Open tool03
Spacing lab
Adjust font size, line height, letter spacing and text-column width with a live sample.
Open tool04
CSS recipe
Export scoped typography CSS and a validated JSON recipe for reuse.
Open tool