Google在线字体库,丰富网站网页字体

        做网站的都知道,字体设置一定要设置常用的,这样可以避免用户的浏览器没有相关字体而产生显示不合适。但是最近谷歌发布了Google在线字体库,这样在网站设计的时候只要调用Google在线字体库就可以让网页在客户端很好的显示,而不用只用枯版的字体了,实现字体多样化。

Google 在线字体库发布,可以免费使用多种具有特殊效果的字体,应用方式:

<link rel=’stylesheet’ type=’text/css’ href=’http://fonts.googleapis.com/css?family=Font name’ >

在css中使用:

css selector{

   Font-family: “font name”, serif;

}

下面以字体Reenie+Beanie 为例子:

Embed the font into your page

To embed Reenie Beanie into your web page copy the following code as the first element in the <head> of your html document:

<link href=’http://fonts.googleapis.com/css?family=Reenie+Beanie‘ rel=’stylesheet’ type=’text/css’>

(The above gets Reenie Beanie regular only.)

The API will generate the necessary CSS specific to the user’s browser so you can use the font on your page. Simply use the font Reenie Beanie in your CSS font stack like any other font, for example:

h1 { font-family: ‘Reenie Beanie‘, arial, serif; }

Google在线字体库更多字体: http://code.google.com/webfonts (所见即所得)

One Reply to “Google在线字体库,丰富网站网页字体”

发表评论