将谷歌字体导入React应用中的CSS

在React应用中，可以使用谷歌字体中的字体。这篇文章将向您介绍如何在React应用的CSS中导入谷歌字体。

步骤1：在谷歌字体中选择所需字体

首先，您需要在谷歌字体中选择所需的字体。在字体库中浏览字体，之后单击“选择此字体”的大绿色按钮。这将会将字体添加到您的“选好的字体”清单中。

步骤2：获取导入代码片段

在您的“选好的字体”清单中，单击“嵌入”选项卡。这将会为您提供导入代码片段，如下所示：

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

将此代码片段复制到您的React应用中的CSS文件中。

步骤3：应用字体

最后，您需要在应用的CSS文件中应用这些字体。为了这样做，请添加如下所示的代码片段：

body {
  font-family: 'Open Sans', sans-serif;
}

这将会为您的应用使用“Open Sans”字体作为默认字体。

总结

在React应用中导入谷歌字体很简单。只需按照上述步骤，即可开始使用谷歌字体！