30 Examples of Effective Font Replacement in Web Design
Typography is one of the most important aspect of effective web design. Proper font use can improve your website’s readability and user experience. Well selected fonts can help you to make your website more attractive for your visitors. There are a lot of possibilities to implement custom fonts on websites using Cufón, @font-face, Google Fonts API, sIFR and other solutions. In this showcase you’ll find 30 inspiring websites with effective typography and unusual fonts used.
Mobilezr
Singleframe DESIGN
Really Simple
CodeMyConcept
YEBO Creative
HTML5 Lab
Network Hoops
Lee Munroe
Sylvain Prevost Design Studio
Redesign de Site et Logo
Raven Internet Marketing Tools
I do surf better
Portfolio of Kristof Orts
Converge SE
Auxilium Lab
David Hellmann
HTML5 Boilerplate
Coucou
Vayknights
Inktype
Made by Mike
Two Paperdolls
Studio Adam
Docteur Bourdon
Circle
The City Is Burning
CNC
TestingScrum
Solo
Drum Studio Tuition
About the Author
Tomas Laurinavicius is a blogger and designer from Lithuania. He's interested in web design, Photoshop and WordPress design. You can follow him on Twitter @tomaslau. Get in touch with him if you have interesting projects you want to collaborate on.
Related Posts
Here's some other articles that you will definitely find useful.
8 jQuery Plugins for Enhancing Typography
Inspiration: Type, Colors & Textures from Signs
21 Examples of Inspiring Typography in Web Design
Inspiring Typography in Print Ads
21 Inspiring Examples of Typography in Web Design
11 comments
LKenneth
April 21, 2011These sites look awesome and have made good use of @font-face I have used it on my site but it dosen’t have a huge impact on my design compared to these sites. Thanks for sharing, make me want to re-design my site.
Stefan
April 21, 2011This List is useless and wasted time.
At least you should have researched which fonts are used and how they are implemented.
Kevin
June 2, 2011Agreed. Just another list post looking for hits.
We want insights on why these 30, and these 30 only, made the list.
Tristar Web Design
April 21, 2011Thank you for a lovely selection of font replacement designs. Real text on your site is important for SEO but using the same fonts over and over can be really boring. I love the likes of T’wo Paper Dolls’, the mix of type on different levels would be complex to recreate and the way it rolls over the two colours is very impressive! I also like the simplicity of ‘YEBO creative’ and html5 lab is really colourful.
jonny
April 21, 2011Almost all examples are “SEO free”. Using google font directories and others.
Julie
April 21, 2011Some very creative fonts here. Usually text is overshadowed by design and imagery but when it looks different from the usual web fonts it really is memorable.
Theo
April 21, 2011Nice collection, Auxilium Lab is my favourite!
jon
April 21, 2011Great article! I love seeing great typography and some of these are really incredible, thanks!
David
April 26, 2011Great collection of websites. I really like minimalistic websites that utilize typography in the design. I really like that The City is Burning layout.
Joe
May 4, 2011@font face is a good tool, i have used it a few times on designs but not on my main site. The only problem with @fon-face is the copyright issue with paid fonts etc… but there is ample good free fonts to play about with.
Thanks!
sylhet directory
May 22, 2012nice showcase