在React应用程序中放置字体真棒文件的适当位置在哪里?

时间:2017-11-17 18:49:03

标签: reactjs font-awesome

我下载了最新的font-awesome 4.7并提取了我在react应用程序的公共文件夹中的文件。我在index.html中将其链接到此<link href="./fontawesome/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">。我应该这样做吗?或者我应该将它们放在src目录中的文件夹中?我从来没有完全理解我应该把它放在公共文件夹中。

2 个答案:

答案 0 :(得分:1)

您应该使用众所周知的开源项目之一来实现react \ react-native图标:

反应:react-icons

React-Native:react-native-vector-icons

然后,您应该只导入所需的图标,例如(来自Font Awesome):

import FaBeer from 'react-icons/lib/fa/beer';

答案 1 :(得分:1)

你应该使用命令提示符&amp;使用NPM https://www.npmjs.com/package/react-fontawesome进行安装。

然后只使用var FontAwesome = require('react-fontawesome') 您还需要在index.html中包含以下样式表。

  

font-awesome.min.css

我在我的项目中使用了这个&amp;结果很好。