Web Fonts (applied to the page with the @font-face selector in CSS) are one of the more exciting things to happen in the last couple of years to web design. They allow you to use more of the fonts you want and if the user doesn’t have them then their browser can automatically download it.
Here is a page with some basic information on @font-face and Web Fonts
Google Web Fonts
The easiest way to add them is with Google Web Fonts.
Here is a video on how to do that:
Some more links about Google Web fonts and more on on our Typography Resources page.
Other Web Font Sources
Two other sources are
While Da Font has a lot, be careful. They are not all free and vary in quality.
You can also add your own fonts manually. It is important that you CHECK THE LICENSE before you do this. The next video will show you how you create a web font from a downloaded font but it’s still your responsibility to make sure that you can do it.For example the Adobe fonts, like Adobe Garamond, are NOT licensed for export (unless you buy the license separately). For many of these kind of fonts you will have to use a paid service like Typekit.
This video shows how do download and set up a font (downloaded from Da Font and compiled using Font Squirrel).