前端技术

目录一、下载二、引入方式一方式二方式三三、使用效果 1效果 2效果 3效果 4效果 5效果 6效果 7四、iconfont 冲突一、下载官网：https://www.iconfont.cn/1、先登录，将所需图标添加到购物车。2、选择“下载代码”。3、解压后的文件目录。4、这是我选的图标。二、引入在vue项目中使用，这是我的目录结构：方式一全局引入，在 index.html 文件中，使用 l.

前言此篇直接绕过下载和vue 项目中的使用，如果对这块内容还不清楚，可先参考 《阿里矢量图标库 - Font class 方式使用说明》用法一官网中的用法，直接根据字体编码使用<span class="iconfont">&#xe633;</span>// 与 iconfont.css 文件中的类名样式合并.iconfont { font-size: 28px; color: blue; }用法二使...

前言此篇直接绕过 下载 和 vue 项目中的使用，如果对这块内容还不清楚，可先参考 《阿里矢量图标库 - CSS 方式使用说明》1. 使用方式下载后，打开demo_index.html，在页面最下有对阿里详细的使用介绍。我直接截图，可仔细阅读对比他们的区别；2. iconfont.css在修改自定义字体名称前，我们先仔细看看 iconfont.css 这个文件。图中有 3 个 iconfont，1. 字体名称，用于 Unicode 和 Font...