: How to use tracking on serif headings on web? Is there a simple principle or a "rule of thumb" for using tracking on serif headings on a web page (or in general)? And most importantly what's

@Fox8063795

Is there a simple principle or a "rule of thumb" for using tracking on serif headings on a web page (or in general)?


In typography, typing a word in caps and with increased tracking was historically a way of emphasizing text, but this fell into disuse when italic fonts variants became more common since a large tracking makes a word hard to read. This applies to the web as well as anywhere else.

That being said, it kinda depends on what you want to do. Decreasing tracking can be an effective way of making your larger headings look nice and increasing it can make the smaller ones a bit more legible.


For example I could gradually increate tracking (CSS letter-spacing) as headings increase.

Or the other way around. Or may be don't adjust tracking at all.


There is no reason to change tracking in this way, except for you thinking it looks good. This is the only reason you need and it can make your design look great, but there is no general rule for it.

Vote Up Vote Down