将Google字体添加到React应用程序的最简单方法是什么？

Question

我在尝试将Google字体添加到我的React应用程序时遇到麻烦，有人知道这样做最简单的方法吗？

Answer 1

您可以这样导入

_networkController startSession

在index.html文件的<style> @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap'); </style> 标记内

希望这会有所帮助。

Answer 2

如果要使其在整个应用程序中可用，只需在index.html中包含样式表标签即可。

<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">

然后，您可以简单地设置组件样式

const Komponent = () => (
  <h1 style={{ fontFamily: 'Roboto' }}> Styled Text </h1>
);