in Resources

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?

Upgrade to access all content on Paulund

Members unlock all tutorials and snippets

Access to all downloadable content

Access to code examples before others

Sign Up Now

Already a member? Login here

Subscribe To The Weekly Newsletter

Get weekly updates to your email