网络公司给我做网站我有没有源代码版权吗,做网站大概价格,济南建站详情,wordpress 静态化vue引入字体图标看这篇
本文介绍两种方案#xff1a;一、使用iconfont字体图标 二、使用icon图片 情景1#xff1a;使用灰色的字体图标 方案一#xff1a;使用iconfont字体图标 步骤1#xff1a;下载iconfont 步骤2#xff1a;解压后只需要将ifonfont.css这一个文件 一、使用iconfont字体图标 二、使用icon图片 情景1使用灰色的字体图标 方案一使用iconfont字体图标 步骤1下载iconfont 步骤2解压后只需要将ifonfont.css这一个文件 单独的放在你的项目的staticfonts下的某个文件下 步骤3找到你项目下这个iconfont.css修改样式将其他url全部删除只保留base64的那个url 且这个url最后的逗号,也需要删除 删除前的css 删除后的css 步骤4引入 注意:src字段的url的括号内一定要使用单引号 ①引入位置你可以直接在app.vue内引入也可以在main.js内引入也可以在你的某个组件下引入。 ②引入的方式你可以直接style最上层 import url()引入也可以直接将刚才修改的iconfont.css直接整体复制一份在style最上层引入。 import url()引入图解: 复制iconfont.css方式引入 步骤5:使用 点击之前解压后的html文件,找到Font Class 代码: 页面: 方案二使用icon图片
将icon下载成图片使用注意此方案只能改单色icon的颜色 步骤1选中图片加入购物车 步骤2修改图片的颜色选择下载图片成的格式 下载后解压得到图片
