在react项目中添加新字体

Question

我正在React中启动一个新网站，我需要使用Google的一种名为FredokaOne的字体。

我已经使用了命令：

npm install --save typeface-fredoka-one

一切正常，但我不知道如何使用它。我试过了：

font-family: FredokaOne;
font-size: 40px;

但是它仍使用默认字体。有没有办法签出要使用的正确字体？或任何缺少的参数。

谢谢问候

Answer 1

您可以在反应项目的@import文件内添加index.css。>>

Index.css

@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');

*{
   font-family: 'Fredoka One', cursive;
}