Find New Fonts For Your Website

Here is a list of some great places to find new fonts for your website. The first 4 are font directories where you can search through a list of fonts to find one which you like. Then you can use the CSS3 feature font-face to use these fonts on your website.

Google Web Font

Google Web Font
Google has their own web font directory which gets new fonts added every month. They also make it very easy to add these files to your website by using the Google Web Font API. Then all you to do is use CSS as the new font-family.

There is a good guide on the website about how to use the fonts.

Google Web Font

Typechart

Typechart

Typechart lets you flip through, preview and compare web typography while retrieving the CSS.

  • Browse typographic styles. (See “anatomy of a style” below)
  • Download CSS. { 1 }
  • Compare Windows (ClearType) rendering { 3 } with Apple font rendering { 2 }
  • Each style corresponds with a “style ID” { 4 }, which allows you to annotate prototypes and retrieve the css while coding.

Typechart

Typetester

Typetester

The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

Typetester

Awesome Fontstacks

Awesome Fontstack

Everyone is excited about the new possibilities in web typography coming with CSS 3 and web fonts – and rightly so.

At the same time, everyone is annoyed by the tedious work of matching and adjusting web fonts, let alone writing CSS code for this purpose.

While we are, as everyone is, glad about Typekit, Google Web Fonts and the like, we decided to try a different take on the subject:

Automatically match fonts based on typographical metrics, optimize the font bundles for their intended purpose, and deliver rock solid CSS for those fonts and their fallbacks to copy & paste.

Awesome Fontstacks

Discover New Fonts

All of the above websites are places you can go to find different fonts. But what if you found a website which you like the font they have. Well you can use the following to find out what fonts they use on the website so you can go and use these.

What The Font

What The Font

Seen a font in use and want to know what it is?

Submit an image to WhatTheFont to find the closest matches in their database.

What The Font

What Font Is

What Font Is

Submit the image with the font you are looking for and What Font Is will find a match for you.

What Font Is

Font Fonter - Try A Font On Any Website

Font Fonter

Web FontFonts are high quality, screen-optimized fonts designed specifically for web use.

FontFonter uses custom CSS and other techniques to temporarily replace a site’s font styles with Web FontFonts.

Font Fonter

Can You Suggest Others?

Advertise here

Comment