10 Examples of Great Title Fonts

View gallery


There’s a lot of diversity when it comes to good title fonts; because they’re used in small doses and in large sizes, display typefaces can be more playful and unusual than ones used for body copy. But that doesn’t mean that a simple typeface isn’t a great choice for a title font. Some designs add effects to regular-looking typefaces to make them look more special, while others make unadulterated versions interesting by merely scaling them up to unusual sizes. All of these choices can work, as long as they combine well with the other fonts and design elements on the page.

1. Dosis (Light): A delicate typeface that’s the perfect foil for heavier italics

Milkman Agency makes great use of this popular font, which can be seen in the headlines on the lower portion of the page. It adds a light contrasting touch to the bright fields of color and the thick italics of the logo.



2. Proxima Nova: A wide typeface that looks great with lots of space

Seen in a few different applications on LA Wine Agency’s site, this font is very bold, yet simple enough to hold up to any amount of styling. Plenty of letter-spacing makes it even more arresting.



3. Sommet Slab (Heavy): A chunky font with a retro feel

This font looks great in the navigation and mixed in with the more elaborately styled titles on Austin Beer Works’ homepage. The slight curvature of many of the letters adds an organic twist to an otherwise squared-off look.



4. Droid Serif: A modern take on old classics

The sturdy serifs and open feeling of Fuzzco’s font of choice makes it a more readable and adaptable interpretation of many traditional styles.



5. Universe (Bold Condensed): A versatile font that can be made special with added effects

Bad Racket Recording Studios shows us that a workhorse font can look just as good in a headline (seen towards the bottom of the page) as in its typical smaller applications. The addition of a light drop shadow and soft texture make it look even more distinctive.



6. Open Sans: An approachable font that’s as sleek as it is simple

The light, bright feeling of Thoughtwork’s Continuous Integration page is matched to perfection by this typeface. It’s straightforward and unfussy; a great choice for a more businesslike site that doesn’t want to look too buttoned-up.



7. FF Prater Script: A playful font that adds youth and energy to any design

A perfect example of the risks you can take when it comes to titles, Made in England’s site shows us a font that would be unreadable at smaller sizes, but is perfectly suited to use as a display font.



8. Caslon Italic: An elegant, traditional typeface

Shaw & Shaw Photography gives us a nice rest from the trend of heavy uppercase title fonts, instead using a formal italic from a venerable type family. The juxtaposition of the style with its rainbow bright coloration stops these headlines from looking a little stodgy.



9. Homestead: A layered font that adds unexpected dimensionality

Webstock shows in its titular font that no amount of ornamentation is too much for display typeface. The textured, multicolored layers of the font work perfectly with similar elements in the rest of the site’s design, and it’s used with enough restraint so that it doesn’t tire the eye.



10. Vinyl: A friendly font with style to spare

The rounded edges of this narrow, boxy font make it a little less serious without losing any of its impact. Combined in Threshold Recording Studio’s homepage with fun navigational icons, the look is modern but also warm and approachable.


There are so many approaches you can take in choosing a title font; whether you go heavy and bold or light and elegant, it’s all about the application. As long as the personality of the typeface works with the style of your site, you can be certain that it’s a viable choice. But there are probably a lot of fonts that can work within this boundary, and that creative freedom is what makes them so fun to work with.


Share your opinion

About the author

Author avatar
Luke Clum is a graphic designer and developer from Seattle who is crazy about UI design, alpine climbing and earl grey ice cream. You can follow him on Twitter @lukeclum

Follow our latest hunts

Facebook Twitter Google+ Instagram Pinterest