Gauss Zhou

# Font Awesome 的使用

# 安装

pnpm i  @fortawesome/fontawesome
pnpm i  @fortawesome/fontawesome-free-solid
pnpm i  @fortawesome/fontawesome-free-regular
pnpm i  @fortawesome/fontawesome-free-brands

# 引入

import fontawesome from "@fortawesome/fontawesome";
import FontAwesomeIcon from '@fortawesome/vue-fontawesome'
import { faUser } from "@fortawesome/fontawesome-free-solid";
import { faCircle } from "@fortawesome/fontawesome-free-regular";
import { faFacebook } from "@fortawesome/fontawesome-free-brands";

fontawesome.library.add(faUser);
fontawesome.library.add(faCircle);
fontawesome.library.add(faFacebook);
Vue.component('font-awesome-icon', FontAwesomeIcon)

# 使用

<i class="fab fa-user"></i>
<i class="fab fa-circle"></i>
<i class="fab fa-facebook-f"></i>

<font-awesome-icon :icon="['fas','user']"/> 
<font-awesome-icon :icon="['fas','circle']"/> 
<font-awesome-icon :icon="['fas','facebook-f']"/>

# 搜索

https://fontawesome.com/search

# 参考资料

在 Webpack 使用 Font Awesome (opens new window)

安装
引入
使用
搜索
参考资料