设计师的福音:Google fonts上线——枫影亲测

May 20, 2010 at 22:54:18

今天在reader里看到google fonts服务启动的消息,枫影激动得内牛满面呀~!

于是晚上下课后回到宿舍,立马就去试了一下google fonts,感觉加载速度很快,而且如果在某些情况下连不到还可以使用自定义的备选字体,很不错~!目前google只提供18免费字体,以后会接着增加字体,都是免费的。希望google以后能多出点中文字体,无论如何,google的字体服务可真是全世界网页设计师的福音呀~!!

具体使用为:

1、在你的网页head里以link导入google font为css如:

<link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>

这里,family=Cantarell表示载入Cantarell字体。

然后,再在你的CSS文件里面写入:

{font-family: 'Cantarell', arial, serif; }

这样就行了。

下面是我写的一个DEMO,测试了google提供的3种英文字体。目前google没有提供中文字体,让我们好好期待吧,如果免费的文泉驿能上就好了。

废话不说,上链接:

http://www.windyshade.com/wp-content/wh-demos/google-fonts/demo.html

附源码下载:
猛击下载源码

更多内容请参看:http://code.google.com/apis/webfonts/

Tags: