Latest Tutorials| Questions and Answers|Ask Questions?|Site Map



Home Opensource How To Use Open Source Fonts

Related Tutorials


 
 

Share on Google+Share on Google+

How To Use Open Source Fonts

Advertisement
How to use of Open source fonts is growing among people day by day, as they are new, different and better then old fonts like Arial, Times New Roman, Courier New, Trebuchet, Verdana and Tahoma. Use of these fonts is slowly disappearing as they have become common now.

How to use of Open source fonts is growing among people day by day, as they are new, different and better then old fonts like Arial, Times New Roman, Courier New, Trebuchet, Verdana and Tahoma. Use of these fonts is slowly disappearing as they have become common now. People need something new and exciting and Open Source fonts are giving them that freedom.

There are thousands of Open Source Fonts by different companies, people and websites are available for free.

List of Open Source Fonts:

  1. Google Web Fonts
  2. Adobe Edge Web Fonts
  3. Open Baskerville
  4. Open Sans
  5. Gravitas
  6. Jura
  7. Lato
  8. Crimson Text
  9. Espinosa Nova
  10. Baurete
  11. Josefin Sans and Slab
  12. The Felly Types

Why to use Open Source Fonts:

  1. Open Source Fonts available through various sources are more SEO and search-engine-friendly.
  2. Downloading these free fonts is easy and quicker then downloading images.
  3. A website look unique and better with these new fonts.

How to use and download Open Source Font:

Open Source Fonts are easy to use and beautify your website.

Use a specific stylesheet link in your HTML document then refer to that font in a CSS style.

Below is an example of how to use Open Source Font:

Coding Example:

To use the Sans web font, first add a stylesheet link:

Then either use a css class:

.yourclassname {"font-family: 'Sans', serif"}

Or an inline style to call your font:

Sans', ";" > An Example of an Open Source Font!

Does Open Source Fonts work in all Browsers:

At present Open Source Fonts are not supported by all browser though Chrome, Mozilla Firefox and Opera are supporting them. Older version of Internet Explorer does not support them yet.

But as their use is growing so is their support.

If you are using Open Source font for your website, it will be wise of you to use a backup font which will be displayed in the browser that won't support Open Source Font. This is called Graceful Degradation.

A person can pick fonts that are similar in looks, visual size, or spacing and viewers will never know what they are missing.

From where to download Open Source Fonts:

People can get Open Source Fonts from various sources and libraries that are available for free:

  • Google Web Fonts
  • The League
  • Open Font Library
  • Free Font Manifesto
  • Adobe Edge Web Fonts
  • Lato

Here are few tips that you can keep in mind before using Open Source Fonts in your website:

  • Don't overload your website with these fonts, it will hamper viewers experience
  • Use good design fonts that go with the substance of your website
  • Don't use as many fonts as you want.

So enhance your website with the use of Open Source Fonts and take your website to a new era and endless possibilities. Open Source Fonts will give your website a unique and out of box personality and will enrich visual experience of viewers.

Advertisement

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: January 18, 2013

Related Tutorials

Discuss: How To Use Open Source Fonts  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:0
DMCA.com