Final Resource: Web Fonts

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.

Basic Information

Here is a page with some basic information on @font-face and Web Fonts
http://webdesign.blogs.peopleio.net/design/typography/font-face/

Google Web Fonts

The easiest way to add them is with Google Web Fonts.

Here is a video on how to do that:

http://www.youtube.com/watch?v=XK4jifUJ75

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.

and there are a lot more. Many of the pros use font services like Typekit and Fontdeck (a rticle on them)

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).

http://www.youtube.com/watch?v=K73u814L0N8″ />http://www.youtube.com/watch?v=K73u814L0N8″ type=”application/x-shockwave-flash” allowfullscreen=”true” width=”600″ height=”337″>

One response to Final Resource: Web Fonts

  1. [...] View Full Resource [...]

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © MMP240 Fall 2012
Just another BMCC Multimedia Blogs site

Built on Notes Blog by TDH
Powered by WordPress

That's it - back to the top of page!