google font

本文的标题之所以叫做超浅析, 是因为在这篇文章里不会介绍关于API内幕的技术 , 如果你已经在使用google font api 那么请你移步到其它文章,这篇文章适合于从未了解过google font API以及从未使用过google font API 的同学.Here we go!

 

什么是google font API ?

记得很久很久以前,许多同学们都使用的是清一色的Verdana英文字体和宋体,这是不得而为之,因为很多人电脑里面没有装载这些字体,有段时间我很喜欢微软雅黑,但是我发现XP那些用户全部悲剧了,更不用说MAC了。 当然有许多为了追求一致性的GEEK们,会在CSS里面将字体文件打包进去,但是这真的合理嘛?你要知道这流量是恐怖的哦,一个字体就是几KB到几十KB不等。。。。。然后就不想多说了。。

google再次站了出来,我觉得google的强大在于,你需要它的时候,他总会站出来为你提供强有力的支持,像之前的jquery以及相关的js类库一样,给了我们提有力的支持啊。我记得当google放出这个API的时候,确实是觉得泪流满面,因为我可以无需考虑这个字体文件的东东了,只需要一个简单的应用就OK.

一切就是这么简单.

为什么要使用google font API?

google font API使用户得到了一致的字体体验,WEB的体制化将更加方便,越来越多的网站将不会再是清一色呆板的Verdana字体了!这么好的东东,有什么理由不用喃?

如何使用google font API?

使用google font API是相当简单的,在以前我们的CSS代码是如下:

 

[CSS]
@font-face {
font-family: ’Tangerine’;
font-style: normal;
font-weight: normal;
src: local(’Tangerine’), url(’http://dreamforce.me/font/Tangerine.ft’) format(’truetype’);
}
[/CSS]

从来是如此这般,引用服务器内部的字体文件,现在就勿需这样了,很简单的引入:

[html]

[/html] 这是不是很简单喃? 如果你的字体很多的话,可以新建一个font.css的文件来管理所有的引入字体.

Finally:

缺点总是有的,现在google的英文字体只有十多种之少,远远不满足对于样式有着极大需求的UI们,当然更可悲的是中文字体寥寥无几。。。 当然如果你有足够耐心和爱心可以去google code上面去assist吧

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注