Light fonts are thinner or slimmer than most fonts. Because they are thinner, they should be handled differently than you would other, bolder fonts. You will find some light fonts on the web, but not in large quantities.
For those who know how to use light fonts, they can be very attractive. When light fonts are misused, however, they can look terrible. Here are some basic tips to help you avoid disaster and instead design successfully with light fonts.
Less is More
Light fonts are lovely when used sparingly. Writing a large amount of text in a light font can actually make your page look cluttered and hard to read. When you keep the text short, light fonts will stand out and draw attention to themselves.
Keep It in the Titles
Text bodies are most readable when they are in a standard serif font. When a light font is also serif, it can become difficult to read. Also, using a light font in large quantities for a body would break the first rule as stated above: too much light font text is cluttered.
The Larger the Better
Thin curved lines can make a beautiful addition to any page, if they are large enough. In general, any light font smaller than 14 pt. are very difficult to read online. You might be able to use a smaller size on business cards, but not online. The larger the text, the better it will show off the light font design. Work with a local website design as they know all the aspects of creating good website design.
Strong Contrast is Best
White on black and black on white are the very best color combination for light fonts. This is also true for your business cards. The stronger the contrast, the more easily it can be read. If you use colors, keep them very dark on a light background or very light on a dark background.
Some Examples
If you would like to see some examples of light font types, here are a few free fonts you can find online:
New Garden
Geo Sans Light
Existence Light
Walkway
Secret Code
Jalane Light
Keep in mind that since there are only a few web safe fonts, images of light fonts are your best bet right now.
designfloat.com
Tips for Using Light Fonts in Web Design | Concept Dezain…
Light fonts are thinner or slimmer than most fonts. Because they are thinner, they should be handled differently than you would other, bolder fonts. You will find some light fonts on the web, but not in large quantities….
zabox.net
Tips for Using Light Fonts in Web Design | Concept Dezain…
Light fonts are thinner or slimmer than most fonts. Because they are thinner, they should be handled differently than you would other, bolder fonts. You will find some light fonts on the web, but not in large quantities….
cypherbox.net
Tips for Using Light Fonts in Web Design | Concept Dezain…
Light fonts are thinner or slimmer than most fonts. Because they are thinner, they should be handled differently than you would other, bolder fonts. You will find some light fonts on the web, but not in large quantities….
Tweets that mention Tips for Using Light Fonts in Web Design | Concept Dezain -- Topsy.com
[…] This post was mentioned on Twitter by DailyTechPost, Sunalini Rana, designer rss, Nenuno Creative, dieordigg and others. dieordigg said: Tips for Using #Light #Fonts in #Web #Design | Concept Dezain http://t.co/TOHwBQl via @ConceptDezain […]
favshare.net
Tips for Using Light Fonts in Web Design | Concept Dezain…
Light fonts are thinner or slimmer than most fonts. Because they are thinner, they should be handled differently than you would other, bolder fonts. You will find some light fonts on the web, but not in large quantities….
bloggerden.com
Tips for Using Light Fonts in Web Design | Concept Dezain…
Light fonts are thinner or slimmer than most fonts. Because they are thinner, they should be handled differently than you would other, bolder fonts. You will find some light fonts on the web, but not in large quantities….
pligg.com
Tips for Using Light Fonts in Web Design | Concept Dezain…
Light fonts are thinner or slimmer than most fonts. Because they are thinner, they should be handled differently than you would other, bolder fonts. You will find some light fonts on the web, but not in large quantities….
Luis Nell
District Thin is another great light font. (Basically the whole District-Family is pretty awesome)
Tips for Using Light Fonts in Web Design | Speckyboy Design Magazine
[…] Direct Link […]
Franco Averta
you are right @Luis, I use District thin a lot
Saeed Habibi
Thank you for fonts. thats simple and good for design.
DesignFiltr | Social Resources And News For Designers
Tips for Using Light Fonts in Web Design…
Light fonts are thinner or slimmer than most fonts. Because they are thinner, they should be handled differently than you would other, bolder fonts. You will find some light fonts on the web, but not ……
Eko S
Thanks for the tips, very useful….
Tips for Using Light Fonts in Web Design | Design Newz
[…] Tips for Using Light Fonts in Web Design […]
David
Thanks for the tips and good examples!
rod rodriguez
I really appreciate articles such as this, light fonts are often overlooked and replaced by bolder more in your face typography to catch a visitors attention. Brilliant post.
Tips for Using Light Fonts in Web Design | WebDevKungfu
[…] Tips for Using Light Fonts in Web Design […]
Tara Hornor
@Luis – I haven’t had a chance to use District Thin yet, but I agree that it is an awesome thin font. Thanks for the suggestion!
@Saeed – Glad you enjoyed the fonts!
@Eko – You’re welcome. Glad I could help!
@David – Thanks!
@Rod – Thank you! I agree that thin fonts are too often overlooked; they make for such a nice, clean design!
200+ Awesome Got To Have Articles for We Designers and Developers - tripwire magazine
[…] Tips for Using Light Fonts in Web Design […]
200+ Awesome Got To Have Articles for Web Designers and Developers | Web Design Course Brisbane: Next Course Wed 8th Dec 2010
[…] Tips for Using Light Fonts in Web Design […]
100 Must Read Articles For Web Designers And Developers In 2011 | stylishwebdesigner
[…] Tips for Using Light Fonts in Web Design […]
Brett Widmann
These were really helpful tips! Thanks for sharing.
Tara Hornor
@Brett – I’m glad you found these tips helpful!
Tom Johnson
Really helpful tips u have provided in the post. For a successful design, color is just as important as the graphic itself. Thanks for sharing.
Tara Hornor
@Tom Johnson – You are right that color is important as well. Glad you enjoyed the tips!
Masood
Nice articles and nice examples for the explanations thanks friends…Its really helpful…