向 Web Awesome 说 hello，这是最大最好的开源 Web 组件库。

入门

使用我们的 Javascript API 获得对渲染和功能的更多控制。

访问 API

有两种方法可以访问 API，具体取决于您在项目中如何集成 Font Awesome。

使用 Node.js

如果您使用的是 Node.js，则 @fortawesome/fontawesome-svg-core NPM 包导出可用于执行各种任务的方法。

首先安装 Font Awesome SVG 核心包

npm install @fortawesome/fontawesome-svg-core

然后，您可以从应用程序或项目中访问 API

工具包包
SVG 图标包

import { library, icon } from '@fortawesome/fontawesome-svg-core'
import { faCamera } from '@fortawesome/free-solid-svg-icons'

library.add(...all)

const camera = icon({ prefix: 'fas', iconName: 'camera' })

import { library, icon } from '@fortawesome/fontawesome-svg-core'
import { faCamera } from '@fortawesome/free-solid-svg-icons'

library.add(faCamera)

const camera = icon({ prefix: 'fas', iconName: 'camera' })

在浏览器中

或者，您可以在 Font Awesome 可用作全局命名空间的浏览器中直接访问 API。

var camera = window.FontAwesome.icon({ prefix: 'fas', iconName: 'camera' })

包之间有什么区别？

虽然所有 API 方法都可通过 Font Awesome 和 Font Awesome SVG 核心包使用，但每个包都有不同的默认配置。

选项	Font Awesome (JavaScript)	Font Awesome SVG 核心 (JavaScript)
自动将 `<i>` 标签替换为 `<svg>`
向 `<head>` 添加 CSS 以提供图标的样式
监视页面以获取图标更改和添加