今天在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
附源码下载:
猛击下载源码