如何将自定义字体（ttf）添加到 react.js 应用程序答案

【问题标题】：How to add custom font(ttf) to react.js application如何将自定义字体（ttf）添加到 react.js 应用程序
【发布时间】：2019-02-08 06:12:45
【问题描述】：

我想将 SFProText 字体（ttf）添加到我的反应应用程序中。我通过这个article。我想知道添加字体最简单的方法是什么。

<link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,700" rel="stylesheet">

我想知道有没有像添加谷歌字体（代码行上方）这样的简单方法？

我也检查了这个article。但我觉得应该有比这更简单的方法。

【问题讨论】：

【解决方案1】：

尝试使用

添加内联字体

<style>
    @import url({`https://fonts.googleapis.com/css?family=${family.replace(/ /g, '+')}`});
</style>

然后做 inline fontFamily 可能

 style={{ fontFamily: `${family},${category}` }}

【讨论】：