css - 将字体导入到React应用程序中

我试图在我的应用程序中使用Roboto字体，但日子很艰难。

我做了npm install --save typeface-roboto并将import 'typeface-roboto'添加到了我的React组件中。但是仍然无法更改我的字体。

我正在尝试这样做:

const React = require('react')
import 'typeface-roboto'

class Example extends React.Component {

  render() {

    let styles = {
      root: {
        fontFamily: 'Roboto'
      }
    }

    return (
      <div style={styles.root}>
        <p>
          This text is still not Roboto ?!???!!1
        </p>
      </div>
    )
  }
}
module.exports = Example

我想念什么吗？寻找一种简单的方法来执行此操作，而无需任何外部css文件。

最佳答案

尝试在根文件(即index.js文件)中添加import 'typeface-roboto';。

就我而言，我在body元素中添加了font-family，并且可以正常工作。

关于css - 将字体导入到React应用程序中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49204511/