如何使用npm安装字体？

Question

我想使用npm安装字体，例如Open Sans或Roboto。 如果我在npm上搜索Open Sans并过滤每月下载量超过1000的软件包，我会找到一个完整列表。我不确定在这里选择哪个来源，有些没有很好的维护，没有一个来自字体的原始来源，在这种情况下，谷歌。

• npm-font-open-sans
• typeface-open-sans
• open-sans-all
• open-sans-fontface
• opensans-npm-webfont

我注意到通过对fonts.googleapis的直接链接使用了often字体。我希望有一个本地的字体副本，以便能够离线开发。是否有通过npm安装字体的常用方法？或者是否有其他我不知道的自动字体下载工具？

Answer 1

我使用typefaces yarn add typeface-roboto

然后只需选择require("typeface-roboto") / import "./typeface-roboto"或您选择的任何字体。

我希望这是您正在寻找的答案？

Answer 2

字体资源

字体项目现在为deprecated，其后继项目为fontsource。

用法

使用时没有太大区别。

安装：

yarn add fontsource-open-sans // npm install fontsource-open-sans

导入：

import "fontsource-open-sans"

参考：

body {
  font-family: "Open Sans";
}