Font weight: use darkness to organize and balance text
Choose weights by their visible relationship, preserve comfortable body texture, and check whether the actual font files support the styles requested by the design.
Judge the visible difference
Weight describes the relative heaviness of letter strokes within a design. Names such as regular, medium, and bold are useful labels, but their appearance varies between families. A medium in one face can look darker than a bold in another. Compare actual samples instead of treating the names as universal measurements.
Set a paragraph, a heading, and a small label. Look at the darkness of each block and the openness inside the letters. A heavier style can create emphasis, but it can also close small spaces or make a dense page feel congested. The right choice depends on size and role.
Build a restrained contrast
Choose a body weight that supports sustained reading, then select a clearly distinct heading weight. If the difference is barely visible, the hierarchy may seem accidental. If the heading becomes an overwhelming dark slab, adjust its size, spacing, or amount of text rather than assuming heavier always means clearer.
Use bold emphasis selectively within prose. When half a paragraph is bold, the normal and emphasized material no longer form a useful relationship. Rewrite or restructure the content if many phrases demand equal emphasis. Typography can support editorial priorities, but it cannot make every sentence the most important one.
Check the font resources
Confirm that the intended weights exist in the chosen family and are actually loaded or available in the application. A system may synthesize a heavier appearance when the requested style is missing. That result may differ from a separately designed bold face or an intended variable-font instance.
For web work, numeric weight requests follow CSS rules, but the visible result still depends on the font's supported range and mapping. Test the actual delivered font rather than approving a local version that may differ. Use ordinary higher-level weight controls when they express the intended setting.
Balance weight across sizes
A small label may need a different weight from a large headline even when both belong to the same hierarchy level. Small details can become fragile, while a large heavy display setting can feel too dense. Judge the visible relationship at the final size and in its surrounding space.
Review light and dark backgrounds separately. A reversed treatment can appear different enough to merit a deliberate adjustment. Keep approved combinations as examples and avoid undocumented local fixes. A useful system tells future editors which weight belongs to each role and how exceptions should be evaluated.
Try it yourself
- Compare actual weight samples in each text role.
- Confirm the requested styles are supported and delivered.
- Use selective emphasis and check small or reversed settings separately.
Exercise: a three-weight studio guide
Set a fictional studio guide with a regular paragraph, medium labels, and bold section headings. Compare it with a version where every label and key phrase is bold. Observe whether the extra weight helps or creates a uniformly dark page. Then reduce a medium label to its smallest intended size and inspect its counters and punctuation. If it becomes weak, compare a slightly heavier label with a larger label. Choose the adjustment that preserves both reading and the overall hierarchy.
References & further reading
Examples and exercises in this guide are original teaching scenarios.
