如何在node.js中导入font-awesome以在r​​eact.js中使用?

时间:2017-06-21 15:15:01

标签: javascript css node.js reactjs font-awesome

我正在使用node.js和react.js。 我已经导入了我自己的css文件:

import React from 'react';
import Modal from 'react-modal';
import './../App.css';

这样可以正常工作,但是当我尝试添加字体时很棒:

import './src/font-awesome-4.7.0/css/font-awesome.css'

然后它不起作用。

我做错了吗?或者可能有另一种方式?

1 个答案:

答案 0 :(得分:7)

以下是我在前端反应方面完成的方式:

  1. <head>代码

    中包含字体真棒
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    
  2. 安装react-fontawesome

    npm install --save react-fontawesome

  3. 导入文件并在反应组件中使用

    import FontAwesome from 'react-fontawesome';
    
    // ..rest of your code
    <FontAwesome name="linkedin" size="2x"/>