首页 / 帖子
请问网页中加入谷歌字体(Google Fonts)是什么作用?

我知道fontawesome是做图标的,但是加入google fonts是做什么的?

很多框架中默认加入,导致加载很慢,我删掉可以吗?

谢谢!

3个答案
赵高欣
发布于:2014-11-09 21:18

Google fonts不是一款字体,它其实是google的一个在线字体库,类似CDN那种性质。目前很多程序/框架/主题使用google fonts都是因为使用了google fonts的某款字体来做页面设计。

--------

通过google fonts用户可以很轻松的在自己的网站上使用webfont,并且保证了浏览器兼容性,不用自己写一大堆代码以及自己转字体的格式。不过缺点是google fonts只有英文字体,没中文字体(这也正常,英文字体就几十kb到几百kb,中文字体都是按mb算的……)

--------

http://www.fonts.com/web-fonts 也是类似google fonts的在线字库,区别是它有很多商业字体(需购买使用)

老葛
发布于:2014-11-09 21:46

删除没问题 ,你可以用其他字体代替

现在不是有@font-face 嘛 可以加载服务器上的字体

王斌
发布于:2014-11-10 17:45

css3有了font-face这个属性,可以用来定义网页上的字体。

以前我们对于一些特殊字体处理过的文字效果,只能使用图片,因为用户不一定装了你的字体。有了这个属性之后呢,就可以确保你的特殊字体是可以显示出来的,显示出来就跟设计图一样。当然这个font-face目前被应用的最广的就是图标,这也就是当前所说的字体图标。字体图标对大小,颜色的改变具有很好的可控制性(可以通过css的color和font-size来控制),这也是它流行的一些原因。

fontawesome图标其实有两套,以前是用图片的,现在是用字体的;而google fonts应该是网页中使用了一些特殊字体,如果你的网页不需要这种特殊字体,完全可以去掉。

总结:

font-face是css3对网页引入特殊字体的一个属性,而基于font-face来做icon只是其用途之一。