如何使用npm安装字体？

Question

我想使用npm安装字体，例如开放Sans或罗博托。如果我在npm上搜索Open，并为每月下载超过1000次的软件包筛选，我会找到一个完整的列表。我不知道在这里选择哪一个来源，有些没有得到很好的维护，而且没有一个是字体的原始来源，在这个例子中，google。

• npm-字体-打开-sans
• 字体-开式无字体
• 全无
• 开放式无字体
• opensans-npm-网页字体

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

Answer 1

风源

这个字体项目现在是已弃用，它的继任者是字体源。

用法

在使用它的时候没有太大的区别。

安装：

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

进口：

import "@fontsource/open-sans"

参考资料：

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