Iconfont使用的两种方法

1,758 阅读1分钟

1、将自己需要的小图标加入购物车

2、点击右上角购物车,将添加的小图标添加到项目里

3、在“我的项目”里(2以后会自动跳转到这个页面),选择“Unicode”引用(unicode是字体在网页端最原始的应用方式),然后点击“下载至本地”

方法一:

4、将下载的压缩包解压,可把整个包里面的文件复制到自己的项目中(懒人方法),也可指复制如图代码@font-face里面引入的文件。 并把@font-face.iconfont里面的代码复制到自己的项目样式文件里面

5、挑选相应图标并获取字体编码,应用于页面 <i class="iconfont">&#x33;</i> 6、如保存之后,发现如下报错:说明你引入的压缩包里面文件的路径不正确,修改一下路径就好了。

方法二:

7、点击“查看在线链接”

8、复制这段代码,放到自己的css文件里面即可