如何在nuxt项目中使用iconfont

1.在iconfont选取图标，并下载项目，不用多说，懂得都懂

2.将下载文件解压，把解压后文件夹里面的文件全部复制到asstes目录下fonts文件夹里

3.在nuxt.config.js中添加

  css: ['@/assets/fonts/iconfont.css'],plugins: [{ src: '@/assets/fonts/iconfont.js', ssr: false }],

4.在页面中可以使用了

<i class="iconfont icon-xiaoyu"></i>

如何在nuxt项目中使用iconfont相关推荐

在Nuxt项目中使用iconfont阿里巴巴图标unicode
第一步:登录登录: iconfont阿里巴巴图标第二步:选择图标添加到购物车第三步:把购物车图标添加到项目第四步:找到我的项目第五步:将图标文件下载到本地第六步:在assets文件夹中创建 ...
如何在vue项目中系统的使用iconfont字体图标
如何在vue项目中系统的使用iconfont字体图标前言 iconfont的特色官网注册在项目中使用的方式前言今天聊一下前端iconfont的使用方式,前端的图标经过这些年的发展,变得更系统 ...
Webpack项目中引入IconFont图标
本篇文章将介绍一下如何在Vue Webpack项目中引入IconFont图标. IconFont官网:https://www.iconfont.cn/ 1.打开IconFont官网并登陆自己的账户. ...
nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案
nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案参考文章: (1)nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案 (2)https://www.cnblogs.com/jk ...
android开发使用c+_如何在Android项目中开始使用C ++代码
android开发使用c+ by Onur Tuna 通过Onur Tuna 如何在Android项目中开始使用C ++代码 (How to start using C++ code in your ...
php7开发的项目怎么样,如何在PHP7项目中搭建一个多线程
如何在PHP7项目中搭建一个多线程发布时间:2021-03-05 15:31:22 来源:亿速云阅读:93 作者:Leah 这期内容当中小编将会给大家带来有关如何在PHP7项目中搭建一个多线程,文 ...
react前端显示图片_如何在react项目中引用图片？
如何在react项目中引用图片?本文码云笔记将为大家整理在react项目中插入图片以及背景图片的方法,希望对需要的小伙伴提供一些参考. 在react项目中插入图片以及背景图片的方法共有2种: 1.im ...
vfp生成菜单时文件不存在_如何在VFP项目中创建菜单
接上面两篇文章! 本文,我们来学习一下如何在VFP项目中创建菜单! 打开上文所讲的简单的项目文件,切换到"其他"选项卡! 如上图,选择"菜单"一项,之后点击&q ...
如何在vue项目中修改less变量，多主题项目解决方案
如何在vue项目中修改less变量,多主题项目解决方案参考文章: (1)如何在vue项目中修改less变量,多主题项目解决方案 (2)https://www.cnblogs.com/niubilit ...

如何在nuxt项目中使用iconfont

1.在iconfont选取图标，并下载项目，不用多说，懂得都懂

3.在nuxt.config.js中添加

如何在nuxt项目中使用iconfont相关推荐

最新文章

热门文章