字体图标
一般字体安装在c盘->windows->fonts
一、优点:
1.随意更改字体颜色,大小,缩放等
2.体积小
3.不增加请求
4.和图片效果一样
5.几乎支持所有浏览器,兼容性好
6.移动端基本使用
二、推荐字体图标库
1.icomoon字库
http://www.icomoon.io/
2.阿里icon font字库
http://www.iconfont,cn/
fontello
http://fontello.com/
Font-Awesome
http://fortawesome.github.io/Font-Awesome/
三、使用字体图标
1.选择字体图标
2.下载
3.引入到页面
icomoon字库 为例子
1.打开网站 选则下载字体图标
2.下载后解压字体,解压的字体提出fonts文件,放入项目文件夹
3.在页面引入字体
首先把 以下4个文件放入到 fonts文件夹里面。 通俗的做法
第一步:在样式里面声明字体: 告诉别人我们自己定义的字体
@font-face {
font-family: ‘icomoon’;
src: url(‘fonts/icomoon.eot?7kkyc2’);
src: url(‘fonts/icomoon.eot?7kkyc2#iefix’) format(‘embedded-opentype’),
url(‘fonts/icomoon.ttf?7kkyc2’) format(‘truetype’),
url(‘fonts/icomoon.woff?7kkyc2’) format(‘woff’),
url(‘fonts/icomoon.svg?7k