How To Use Open Source Fonts

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 Open Source Fonts


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.