如何添加 Google 字体以做出反应?
如何添加 Google 字体以做出反应?
Anonim

包括 谷歌字体

我们的 反应. Node.js 应用程序正在使用单个 HTML 文件。继续编辑公共/索引。 html 和 添加 HTML 部分中的以下行包含两种字体。

此外,我如何添加字体来做出反应?

下载 字体 从 Google 到您的计算机并打开它的 zip 文件 已下载 在.创建一个' 字体' 根目录或 src 目录中的文件夹 反应- 应用程序项目。复制 字体 您想使用(例如 FiraSans.ttf)到 ' 字体' 目录。

另外,谷歌字体可以免费用于商业用途吗?是的, 谷歌字体 都获得许可 商业用途 在 SIL 公开赛下 字体 许可证,允许任何人 他们--个人和 商业的 项目-- 自由 和清楚。

关于这一点,如何将字体导入 react JS?

在你的 反应 项目,在您的 src 文件夹中创建一个文件夹并将其命名为 ' 字体'。在这个文件夹中创建一个你调用的文件 字体. js - 这将包含您的进口 字体 并且稍后会将它们提供给您的应用程序的其余部分。

如何将下载的字体链接到 HTML?

下面解释的@font-face CSS 规则是向网站添加自定义字体的最常用方法。

  1. 第一步:下载字体。
  2. 第 2 步:创建用于交叉浏览的 WebFont Kit。
  3. 第 3 步:将字体文件上传到您的网站。
  4. 第 4 步:更新并上传您的 CSS 文件。
  5. 第 5 步:在 CSS 声明中使用自定义字体。

受主题流行