May 21, 2010

Start using the google fonts in your blogger

As the Google Fonts API 's released, we can use more web-fonts in the pages, without the visitors having your brilliant font locally, and, forget about the Arial, Serif Sans pls.


Here's a quick introduction to use the Google Fonts in your blogger.

1.Select your fav fonts here, now suppose you've selected the elegant, and click it you will turn to a page, then click "Get the code"

2.Now click the "customize" on the top after you log in, we should turn to layout and "Edit HTML"

3.search "<head>" and your should paste the first line of code as this:
<head>
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>

that means now you can access this font in your blogger.

4.Suppose you want to apply the font to your blog title, search "$pagetitlefont" and replace
font:$pagetitlefont
to
font-family: 'Tangerine', arial, serif;
font-size:26pt; /* it depends */

you might be awared that that's the part of the second line of code, and i just add the font-size parameter.

5.All Done!

4 comments:

Related

Related Posts with Thumbnails