字体图标iconfont使用

原创 Dale111 随笔 css 236阅读 2017-12-08 11:36:43 举报

1.找到需要的图标,加入购物车,导入项目

字体图标iconfont使用

2.进入管理图标中,复制在线代码(每次更新图标都需要重新更新复制代码)

字体图标iconfont使用

3.把复制的代码放进样式表,并定义.iconfont
@font-face {
font-family: 'iconfont'; / project id 409536 /
src: url('https://at.alicdn.com/t/font_409536_e3h6noff49tz9f6r.eot');
src: url('https://at.alicdn.com/t/font_409536_e3h6noff49tz9f6r.eot?#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_409536_e3h6noff49tz9f6r.woff') format('woff'),
url('https://at.alicdn.com/t/font_409536_e3h6noff49tz9f6r.ttf') format('truetype'),
url('https://at.alicdn.com/t/font_409536_e3h6noff49tz9f6r.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont";font-size:16px;font-style:normal;}
.icon-tel:before{content: "\e60b";}
4.使用的时候
<li class="iconfont">2222</li>

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复