在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';