使用 cdn 或 npm 的 react 应用程序中哪一种字体很棒

问题描述

我真的很困惑使用 CDN 或为生产电子商务安装 NPM 将 fontawesome 集成到 reactjs web 应用程序的最佳方法是什么，我也使用 webpack 进行 react

解决方法

我建议使用 npm .. react font awesome icon

,

CDN 基本上是对某个服务器的另一个请求。因为，您的浏览器可以同时运行仅处理 5 个请求，使用更多的 cdn 会使浏览器开始变慢。

我更喜欢使用 npm 包进行 react

,

您可以使用 Fontawesome npm 包。当您使用 npm 包时，刚刚使用的图标将添加到您的组件中。加载时此帮助页面大小。

步骤 1 ) 使用 npm 添加包：

npm i --save @fortawesome/fontawesome-svg-core
npm install --save @fortawesome/free-solid-svg-icons
npm install --save @fortawesome/react-fontawesome

或者免费的常规图标：

npm install --save @fortawesome/free-regular-svg-icons

第 2 步 ) 将 fontawesome 导入您的组件：

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'

第 3 步 ) 导入您需要的图标：

import { faCoffee } from '@fortawesome/free-solid-svg-icons'

第 4 步 ) 在组件返回函数中需要的位置添加 jsx 标签：

<FontAwesomeIcon icon={faCoffee} />