博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在vue项目中使用字体图标(精简易懂)(配图)
阅读量:3960 次
发布时间:2019-05-24

本文共 339 字,大约阅读时间需要 1 分钟。

1.进入

在这里插入图片描述

2.选择自己要用到的图标添加到购物车中

在这里插入图片描述

3.随便创建一个项目

在这里插入图片描述

在这里插入图片描述

4.把购物车中的图标添加到项目中

在这里插入图片描述

5.从项目中把图标下载到本地

在这里插入图片描述

6.在项目中assets文件夹下创建一个iconfont文件夹

在这里插入图片描述

7.解压开下载的文件,把解压出的文件中的iconfont.css和iconfont.ttf两个文件 拷贝到项目中的iconfont文件夹中

在这里插入图片描述

在这里插入图片描述

8.把iconfont.css文件中的所有url都改成’./iconfont.ttf’

在这里插入图片描述

9.在main.js中引入iconfont.css

在这里插入图片描述

10.在项目中使用例:

在这里插入图片描述

11.iconfont类名是固定的,iconbaocun类名需要打开解压的文件中的demo_index.html,在打开的页面中点击Font class然后拷贝对应的类名即可

在这里插入图片描述

在这里插入图片描述

转载地址:http://moqzi.baihongyu.com/

你可能感兴趣的文章
两个数组a[N],b[N],其中A[N]的各个元素值已知,现给b[i]赋值,b[i] = a[0]*a[1]*a[2]…*a[N-1]/a[i];
查看>>
用户态切换到内核态的3种方式
查看>>
笔试常见的智力题(附答案)
查看>>
内核库函数
查看>>
Linux 系统内核空间与用户空间通信的实现与分析
查看>>
linux内核空间和用户空间的区别及交互
查看>>
如何写好应用型学术论文
查看>>
如何查看进程的各种限制
查看>>
64位int类型用printf输出问题
查看>>
网络后台开发面试题目
查看>>
Linux 共享内存限制的查看与设置
查看>>
进程的状态转换
查看>>
如何查看进程的信息(线程数)
查看>>
read的用法
查看>>
查看系统信息(cpu,内存,硬盘,网卡)
查看>>
awk的混合编程
查看>>
awk编程
查看>>
Linux中变量$#,$@,$0,$1,$2,$*,$$,$?的含义
查看>>
默认shell的修改
查看>>
Linux中的chage命令
查看>>