WEBEXPEDITION18 Never Stop The Exploring

Typography in web design plays an integral part in setting the tone, theme and message of a website. Font choice, letter-spacing (tracking), line height, foreground/background colors, size, style – all of these attributes must work together cohesively in order to produce harmonious typographic compositions, attractive design and also contributes to the readability and usability of the content.

For your visual inspiration, here are websites that caught our eye for their attention to typography and sophisticated use of web fonts from Typekit.

Brooklyn Derby

fonts: FF Prater Script, League Gothic, Kepler

Tinkering Monkey

fonts: P22 Underground Small Caps, Rooney

Dan Higbie

fonts: Corner Store, Bello, FF Dagny, FF Tisa

Matt Wiebe

fonts: Myriad Pro Condensed, Minion Pro, Minion Caption

Bohemian Coding

fonts: Proxima Nova, Proxima Nova Condensed

AFD Folio

fonts: FF Meta Serif Web Pro, Myriad Pro Condensed

Genson and Gillespie

fonts: Minion Pro

Delivereads

fonts: Museo Slab

Hello Etsy

fonts: FF Prater Script, FF Tisa

Byliner

fonts: Museo Slab

FitText

fonts: Anchor, Proxima Nova

Paul Shaw

fonts: FF Milo, FF Milo Serif

320 and up

fonts: FacitWeb

Geraldine Crosset

fonts: Garamond Premier Pro

CSS3 Speed Test by Trent Walton

fonts: Proxima Nova, Tamarillo

Adam D Scott

fonts: Adelle Web, Ronnia Web, Ronnia Web Condensed

Be Good Not Bad

fonts: Chunk, Le Monde Courrier STD

Ben Goodyear

fonts: Atrament Web, Droid Serif

Stuntbox

fonts: FF Meta Serif Web Pro, League Gothic

Hicksdesign

fonts: FF Tisa Web Pro, P22 Underground

Authored by Nikola Lazarevic

Web Designer, Blogger, M.Sc in Electronic Engineering from Nis, Serbia. Founder of webexpedition18.com. You can find me on Twitter.