Font Weight Visualizer
Preview all nine standard font weights (100 through 900) side by side for any family. Choose the correct weight for hierarchy, contrast, and readability.
How to use
- Type the sample text you want to compare.
- Choose a font family from the dropdown.
- See all nine weights rendered at once — note which is available in your font.
Frequently asked questions
What are the standard font weights?
100 Thin, 200 ExtraLight, 300 Light, 400 Regular, 500 Medium, 600 SemiBold, 700 Bold, 800 ExtraBold, 900 Black.
Why do some weights look identical?
Not every family ships all nine weights. Missing weights are synthesised by the browser using faux-bold or fallback rendering.
What weight should body text use?
400 for body, 500 for emphasis and interface labels, 600–700 for headings.