正在回答
3回答
不是打开这个,这个是字体文件,是需要引用的,使用方法如下:
打开font_cfgbvkrdj9duc8fr文件夹,找到demo_unicode.html在浏览器中打开预览,按照demo_unicode.html中的步骤操作即可,注意的是:首先需要在你的项目中新建一个文件夹,将下载下来iconfont字体(.woff、.ttf、.svg为后缀)的字体文件放在这个文件夹中。然后在css中定义@font-face {
font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg'); }
再然后定义
.iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
再然后在html中定义
<i class="iconfont"></i>
将demo_unicode.html最开头的图标(这里以向右侧的箭头为例)下面的unicode编码󰍃放在i标签中,即
<i class="iconfont">󰍃</i>
注意:不同的图标需要下载不同的图标代码文件,获取不同的unicode编码,然后定义unicode编码,方法以及使用步骤同上!希望可以帮到你!
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星