css3有了font-face这个属性,可以用来定义网页上的字体。
以前我们对于一些特殊字体处理过的文字效果,只能使用图片,因为用户不一定装了你的字体。有了这个属性之后呢,就可以确保你的特殊字体是可以显示出来的,显示出来就跟设计图一样。当然这个font-face目前被应用的最广的就是图标,这也就是当前所说的字体图标。字体图标对大小,颜色的改变具有很好的可控制性(可以通过css的color和font-size来控制),这也是它流行的一些原因。
fontawesome图标其实有两套,以前是用图片的,现在是用字体的;而google fonts应该是网页中使用了一些特殊字体,如果你的网页不需要这种特殊字体,完全可以去掉。
总结:
font-face是css3对网页引入特殊字体的一个属性,而基于font-face来做icon只是其用途之一。