编程 Javascript

在vue项目中正确使用iconfont的方法

Posted in Javascript onSeptember 28, 2018

1、打开 iconFont官网选择自己喜欢的图标，并且添加购物车

2、点击购物车，添加至项目

3、下载至本地

4、把我们下载好的文件iconfont.css和iconfont.ttf放到项目assets文件夹下（可创建一个css文件或iconfont文件）

5、在main.js中引入iconfont.css样式

import './assets/iconfont/iconfont.css'

6、在在vue文件中引用<i class="iconfont

icon-zitigui-xianxing"></i>

7、假如报错，需要下载css-loader依赖包

npm install css-loader --save

以上这篇在vue项目中正确使用iconfont的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

在vue项目中正确使用iconfont的方法

- Author -

码农记录者

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式

Jun 28 Javascript

Javascript获取表单名称（name）的方法

Apr 02 Javascript

基于jquery实现复选框全选，反选，全不选等功能

Oct 16 Javascript

Javascript实现单例模式

Jan 24 Javascript

ES6中非常实用的新特性介绍

Mar 10 Javascript

微信小程序 video详解及简单实例

Jan 16 Javascript

Bootstrap缩略图与警告框学习使用

Feb 08 Javascript

详谈js模块化规范

Jul 07 Javascript

vue 监听屏幕高度的实例

Sep 05 Javascript

Vue 设置axios请求格式为form-data的操作步骤

Oct 29 Javascript

vue解决使用$http获取数据时报错的问题

Oct 30 Javascript

vue使用watch监听属性变化

Apr 30 Vue.js

vue项目引入字体.ttf的方法

Sep 28 #Javascript

vue打包相关细节整理(小结)

Sep 28 #Javascript

在vue-cli的组件模板里使用font-awesome的两种方法

Sep 28 #Javascript

Vue 第三方字体图标引入 Font Awesome的方法

Sep 28 #Javascript

浅谈VUE-CLI脚手架热更新太慢的原因和解决方法

Sep 28 #Javascript

用npm安装vue和vue-cli,并使用webpack创建项目的方法

Sep 28 #Javascript

详解适配器在JavaScript中的体现

Sep 28 #Javascript

You might like

PHP 图片上传实现代码带详细注释

2010/04/29 PHP

详解Yii2高级版引入bootstrap.js的一个办法

2017/03/21 PHP

PHP按一定比例压缩图片的方法

2018/10/12 PHP

起点页面传值js,有空研究学习下

2010/01/25 Javascript

jquery实现select选择框内容左右移动代码分享

2015/11/21 Javascript

解析Node.js基于模块和包的代码部署方式

2016/02/16 Javascript

JavaScript每天必学之基础知识

2016/09/17 Javascript

js字符串引用的两种方式(必看)

2016/09/18 Javascript

JS控制div跳转到指定的位置的几种解决方案总结

2016/11/05 Javascript

教你用Cordova打包Vue项目的方法

2017/10/17 Javascript

利用npm 安装删除模块的方法

2018/05/15 Javascript

3分钟读懂移动端rem使用方法(推荐)

2019/05/06 Javascript

taro开发微信小程序的实践

2019/05/21 Javascript

vue从零实现一个消息通知组件的方法详解

2020/03/16 Javascript

微信小程序视频弹幕发送功能的实现

2020/12/28 Javascript

[02:38]DOTA2亚洲邀请赛 IG战队巡礼

2015/02/03 DOTA

Python基础之函数用法实例详解

2014/09/10 Python

谈谈如何手动释放Python的内存

2016/12/17 Python

Python爬虫代理IP池实现方法

2017/01/05 Python

解决Python计算矩阵乘向量,矩阵乘实数的一些小错误

2019/08/26 Python

多版本python的pip 升级后, pip2 pip3 与python版本失配解决方法

2019/09/11 Python

如何查看Django ORM执行的SQL语句的实现

2020/04/20 Python

python 基于selectors库实现文件上传与下载

2020/12/31 Python

pip install命令安装扩展库整理

2021/03/02 Python

全球性的在线时尚男装零售商：boohooMAN

2016/12/17 全球购物

台湾最大银发乐活百货：乐龄网

2018/05/21 全球购物

在线购买澳大利亚设计师手拿包和奢华晚装手袋：Olga Berg

2019/03/20 全球购物

说出一些常用的类，包，接口

2014/09/22 面试题

高级方案规划工程师岗位职责

2013/11/29 职场文书

电气工程及自动化专业自荐书范文

2013/12/18 职场文书

国税会议欢迎词

2014/01/16 职场文书

英语系本科生求职信

2014/07/15 职场文书

施工安全汇报材料

2014/08/17 职场文书

2014入党积极分子破除“四风”思想汇报

2014/09/14 职场文书

优秀共产党员事迹材料

2014/12/18 职场文书

电子商务专业求职信范文

2015/03/19 职场文书