vue 引入iconfont字体库

2.选择所需要的图标加入图库

新建项目选择fontClass 并下载到本地目录如下

3.项目 assets目录下新建 iconfont 文件夹并把所有的文件都复制过来(为了以后方便别人查阅) 打开 iconfont.css，添加如下代码:

[class^="icon"], [class*=" icon"] {

  font-family:"iconfont" !important;

  /* 以下内容参照第三方图标库本身的规则 */

  font-size: 18px;

  font-style:normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

注意第二个class前面有个空格

4. 在 main.js添加

//引入字体库
import './assets/iconfont/iconfont.css'

模块中使用 : <i class="icon iconfont icon-filter"></i>

vue 引入iconfont字体库的更多相关文章

微信小程序如何引入外部字体库iconfont的图标
每天学习一点点编程PDF电子书.视频教程免费下载:http://www.shitanlife.com/code 微信小程序不能识别很多文件, 其中就包括外部的字体文件. 那我们怎么突破他的防火线呢, ...
Vue引入第三方JavaScript库和如何创建自己的Vue插件
一第三方JavaScript库前言 .vue文件中不解析 script标签引入js文件,只能用 import 引入有两种用法: 1.import a from '../a' 2.import ...
小程序入坑（一）---如何引入iconfont 字体图标
最近一直忙于日常任务,其实是懒癌又犯了..........不过因为自己的“懒癌”,“不思进取”给自己挖了不少坑. 一,小程序工具的安装打开简易小程序的官网https://mp.weixin.qq.c ...
vue引入iconfont阿里字体图标库以及报错解决
下载阿里的字体图标库文件,放在\src\assets\font文件夹下面. 安装style-loader,css-loader和file-loader (或url-loader) ,记得--save ...
mpvue——引入iconfont字体图标
前言有问题可以随时提问,评论私信,只要我有时间我都会第一时间回复.当大家发现这篇文章不适用的时候烦请告知下,我好做好更改! 放置下载好的字体图标放在static目录下,我是自己又创建了一个icon ...
VUE 引入阿里图标库
本身项目是VUE, Element-UI项目, 所以内置Element-UI图标库地址如下, https://element.eleme.cn/#/zh-CN/component/icon 使用时: ...
uni-app引入iconfont字体图标
1 首先进入你的iconfont项目很好, 看见圈圈的吗 , 我说蓝色的,记住了,选到这个 ,然后点击下载本地项目, 解压完就是这个了 ,然后把圈起来的放到你的项目文件里面 ,记得引入的时候路径别 ...
转《vue引入第三方js库》
一.绝对路径直接引入,全局可用二.绝对路径直接引入,配置后,import 引入后再使用三.webpack中配置 alias,import 引入后再使用四.webpack 中配置 plugins, ...
vue 引入第三方字体包
1.创建 style_css 文件夹,在当前文件夹下新建 index.css 和引入字体包. 2. 在build 目录下,设置 webpack.base.cong.js , 在module ...

随机推荐

DjangoRestFramework学习三之认证组件、权限组件、频率组件、url注册器、响应器、分页组件
DjangoRestFramework学习三之认证组件.权限组件.频率组件.url注册器.响应器.分页组件本节目录一认证组件二权限组件三频率组件四 URL注册器五响应器六分 ...
DjangoRestFramework学习二之序列化组件、视图组件 serializer modelserializer
DjangoRestFramework学习二之序列化组件.视图组件本节目录一序列化组件二视图组件三 xxx 四 xxx 五 xxx 六 xxx 七 xxx 八 xxx 一序列化组 ...
c++11 强类型枚举 enum class
在标准C++中,枚举类型不是类型安全的.枚举类型被视为整数,这使得两种不同的枚举类型之间可以进行比较.C++03 唯一提供的安全机制是一个整数或一个枚举型值不能隐式转换到另一个枚举别型. 此外,枚举所 ...
matlab2014a 转化c语言
一.原因错误第一种,命令窗口测试代码mbulid -setup 出错 , 就是电脑没有安装sdk7.1 网上有很多安装教程(注意要有vc++2010要卸载,具体看网上教程,安装好了要更性vc++ ...
npm run dev/build/serve
1.ERR引发的思考 npm run dev npm ERR! missing script: dev npm ERR! A complete log of this run can be found ...
Python字符串常用方法（二）
二.字符串的操作常用方法字符串的替换.删除.截取.复制.连接.比较.查找.分割等 1. string. lower() :转小写 2. string. upper() :转大写 3. string. ...
DS1-14
#include <stdio.h> #define MAXSIZE 10000 int MaxSubseqSum4(int List[], int N); int main() { in ...
两种库解析、构造 JSON
1.用CJSON库 1.1解析Json 需要解析的JSON文件: { "name":"Tsybius", , "sex_is_male":t ...
ios APNS注册失败本地push
- (void)addLocalNotice:(NSString *)titlepush { if (@available(iOS 10.0, *)) { UNUserNotificationCent ...
patA1059 Prime Factors
这个问题叫做质因子分解,花了大概两个小时写对了.这道题细节挺多的,书上提到了几点,一个是n=1的话需要特判.有一个很容易错的点就是n一开始要先用一个变量保存起来,不保存的话后面有点麻烦,所以建议还是先 ...

vue 引入iconfont字体库

vue 引入iconfont字体库的更多相关文章

随机推荐

热门专题