15 excellent examples of Web typography

I have spent the last month searching, stumbling, noting, bookmarking and analysing in a quest to find 15 Excellent examples of Web Typography. I’ve chosen them because they make excellent use of type. Some of the examples mimic the typography of print, while others actually leverage web technology, smart CSS and delicious HTML to make their pages not only aesthetically pleasing, but legible, user-friendly and easily navigable.

In a few days, I will be taking an in-depth look at all these sites, delving into their grids, sifting through their CSS and dissecting their HTML, to discover what makes them tick — and what makes them excellent examples of typography for the Web.

Prepare yourself a drink, sip, sit back, scroll, click and — above all else — enjoy.

01: A List Apart for people who make websites


02: Shaun Inmanprofessional designer and developer


03: FontShopas its name suggests


04: Jesús Rodríguez Velasco blog of UC Berkeley professor


05: BearSkinRug Shop professional illustrator, Kevin Cornell


06: Design View Andy Rutledge, design strategist


07: Rikcat IndustriesRik Catlow, design director


08: Quipsologiesnews and creative morsels


09: Design Snipsweb design showcase


10: Red Interactive Agency web marketing and development


11: The Big Noob developed by and for…noobs


12: Design Can Change climate change


13: Process Type Foundry they make type


14: Finch interactive and graphic design agency


15: SR28 Simon Reynolds, web designer and illustrator


Don’t forget to check back here for the second part, “15 Excellent Examples of Web Typography — a closer look.” It’s going to be dirty work, so your overalls, and be prepared to get your hands dirty, as we take these sites to pieces, look at grids, layout, and some very neat CSS tricks to improve your web typography.

What do you think of these examples? Are there others that you feel deserve a mention?

To ensure you don’t miss out on Part II, join the other +2000 TypeNuts and subscribe to I Love Typography today.

Read the second part, 15 Excellent Examples of Web Typography — Under the Bonnet.

previous: ILT Investigates: type torture

next: Baskerville, John

Typeface Categories

learn greek type desgin
learn greek type desgin
font deals of the week
fonts on tape