目录方法1方法2
方法1
注册iconfont帐户
从图标库中选择喜欢的东西,放入购物车后添加到项目中
本地下载并解压缩
这里需要的只是下面检查过的文件,其他什么用都没有
接下来是使用方法。 我在用test文件夹演示。 大家可以一模一样地换成vue使用。
test文件夹具有这种结构。 请注意,字体文件必须位于iconfont文件夹中,而名为iconfont的文件夹不会重命名任何其他名称
在html中引入iconfont.css文件
! 文档类型pehtmlheadmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width, initial-scale=1.0 ' title document/titlelinkrel=' style sheet ' href='./icon font.CSS '/headbodydivclass=' icocon ' #xe632; /div/body/html的结果
方法(几步前的情况,放入购物车,添加到项目中。
生成代码。 请保持和图中的两个消息状态。 单击“生成”
将链接复制到浏览器访问
请全部复印
文件结构,创建新的css文件并复制代码
修改css的代码,删除所有选定的内容。 请注意不要删除中间的src
删除之后的代码
使用
结果