字体图标及自定义字体

先说自定义字体!

css3里面有一个新东西,@font-face!

自定义字体首先你要得到你需要的字体的四种格式,后缀分别为.eot,.woff,.ttf,.svg.

然后通过c3的@font-face来引入这四种格式的字体:

定义一个font-family,名称随意。

ok了~

现在就可以在你需要用到这个字体的时候调用font-family:'名称'了!

是不是很简单~

So~~

字体图标!

如上所述,字体图标也属于字体,所以也是要获取到四种格式的字体,然后引入。

只是在调用字体图标时可以用样式添加,也可以用标签框起来。

样式添加:

标签添加:

首先定义一个类名,在你需要用到字体图标的地方添加上去。

如上图,标签里面的内容就是字体图标的编号。!注意不要忘掉后面的分号;!

posted @ 2016-03-02 21:06  枫止叶落  阅读(650)  评论(0编辑  收藏  举报