创建反应应用程序如何使字体在其他设备上可访问

Question

我正在开发一个 React 项目，并且遇到字体问题。

当我在笔记本电脑上查看该应用程序时，会显示我设置的字体，但当我在 iPhone 上查看该应用程序时，字体会恢复为默认字体，而不是我设置的字体。

我相信这是因为该字体安装在我的电脑本地，因此我的 iPhone 无法访问它？

我的字体样式是这样的：

const useStyles = makeStyles((theme) => ({
    homeHeader: {
        fontFamily: 'PT Sans Caption',
    },
}));

有人可以指导我如何添加字体，以便当我在手机上打开它时它会显示出来吗？

如果需要，我正在使用 Heroku 和 Netlify 来部署我的应用程序。

Answer 1

因此，您实际上需要使用脚本从 google 导入字体，如果您查看 Google Fonts 并单击您想要的字体，它将为您提供需要嵌入到 html 文件中的脚本。