Iris Classon
Iris Classon - In Love with Code

‘Stupid’ Question 7: How do I add a font (google web fonts example), and where do I find the license?

[To celebrate my first year of programming I will ask a ‘stupid’ questions daily on my blog for a year, to make sure I learn at least 365 new things during my second year as a developer]

Using Google Web Fonts I’ll show you how to add new fonts :)

Select the font/fonts

.

Quick use let’s you use the font without downloading the font

.

Shows you how it will affect performance (estimated)

  • don’t go crazy

.

Shows how to use/import the font

.

OR you can download the font

.

Unzip the file

.

Notice the attached text document, this is the license! - This font can be used as you like as long as it is not sold by itself.

.

Add the font to the Fonts folder (via control panel)

.

You are now ready to use the font on your computer

You can also add the file to a project, reference the font-file in the css.

I wont get into cross-browser compatability, but make sure you have fall-back fonts!- and as always, test test test :)

Comments

Leave a comment below, or by email.
Hermit Dave (@hermitdave)
7/26/2012 4:09:00 AM
how do you use these fonts (example dafonts.com etc) in your WP or WinRT project. ? With WP, you need to use blend and set it as a blend resource by using Font Manager. Haven't gotten around to doing that in WinRT project 


Last modified on 2012-07-24

comments powered by Disqus