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

Question

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

Answer 1

Answer 2

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

我更喜欢使用 npm 包进行反应

Answer 3

您可以使用 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'

Step 4 )在组件的return函数中添加jsx标签：

<FontAwesomeIcon icon={faCoffee} />

Which one font awesome in react app using cdn or npm