在electron-vue中引用fontawesome

1,151 阅读1分钟

编写时间:2019-08-08
更新时间:2019-08-08

作者:鬼小妞

备注: 本文编写了与在electron-vue项目引用fontawesome相关的一些知识,仅供参考,描述不当的地方,请评论指正

状态:已完成、待补充2019-08-08

[TOC]

前提

项目是使用以下命令一键式生成的electron-vue 的项目

vue init simulatedgreg/electron-vue my-project

1.进入fontawesome网站下载字体压缩包

进入fontawesome网站=>fontawesome.dashgame.com/

下载解压后如图:

2. 把解压后的字体包放到项目static文件夹下

3. 在渲染进程入口文件引入fontawesome

在src\renderer\main.js导入刚才的static文件夹下的static\font-awesome-4.7.0

4. 组件中直接使用

具体请看官网:fontawesome.dashgame.com/

以标签<i>包裹