1
条回答
写回答
写回答
-
1、在iconfont官网选图标，加入购物车，加入项目，注意选择Symbol，再下载到本地
2、在项目src目录新建目录font，用于存放刚才下载解压的代码，或者只拷贝其 iconfont.js文件
3、在main.js导入iconfont.js文件
4、写入图标代码
注意： 在这里要用#加class名
5、写入svg图标通用样式
.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } 补充：aria-hidden 的意思
图标的可访问性
现代的辅助技术能够识别并朗读由 CSS 生成的内容和特定的 Unicode 字符。为了避免屏幕识读设备抓取非故意的和可能产生混淆的输出内容（尤其是当图标纯粹作为装饰用途时），我们为这些图标设置了 aria-hidden="true" 属性。
2020-04-29 16:53:09赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
