谈谈前端应用到的图标实体

要谈图标实体，先谈谈css3中的@font-face。@font-face是css3中出现的网络字体。

为什么需要@font-face的出现呢？往下走起！！！！！

一、谈谈@font-face

在很早以前，如果你用的是windowXp系统，你会发现在你的浏览器中的字体应是宋体 。。

而之后window7/8年代时候，windwow系统默认的字体变成了微软雅黑，于是所有的中文网站上的字体全部变成了微软雅黑了。。

那么如果你想要自己用自己设计的字体呢？那么css3出现的@font-face正好满足了你的要求了。。

在@font-face声明里，你可以声明一种字体，指定这种字体字体库文件从网络中的某个地方下载，

具体写法如下。。

1. @font-face {

2. font-family:<YourWebFontName>;

3. src:<source>[<format>]

4. [,<source>[<format>]]*;

5. [font-weight:<weight>];

6. [font-style:<style>];

7. }

解释下：font-family:自定义字体名称，在使用时候直接写font-family:<Your Web Font Name>