在 React 中使用很棒的字体样式

Question

我不是前端开发人员，所以我想这是一个新手问题。

我开发了我的 React 应用程序的第一个版本，我在其中使用了语义 css 我已经安装了软件包，然后将其导入到我的 index.js 文件中：

import 'semantic-ui-css/semantic.min.css';

这让我可以使用语义 CSS 对我的组件进行 syle，并且工作正常。

现在，对于我的第二个版本，我想添加 fontawesome，所以我安装了所需的软件包：

npm i --save @fortawesome/react-fontawesome
npm install --save font-awesome

并在 index.js

中再次导入包

import 'font-awesome/css/font-awesome.min.css';

然而，这并没有给我的组件设置 fontawesome 类的样式：

示例：

class CardButton extends React.Component {
  render() {
    return (
      <button className="button button-primary">
        <i className="fa fa-chevron-right"></i> Find out more
      </button>
    );
  }
}

export default CardButton;

这没有样式化

Answer 1

你也需要导入这个，尝试也导入它们，那么它肯定会工作，你错过了导入依赖项，

import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/css/bootstrap.css';
import 'font-awesome/css/font-awesome.min.css';

在 React 中使用很棒的字体样式

Using font awesome styles in react

css

reactjs

font-awesome