如何使用npm安装字体？

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

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

我使用

纱线添加字体roboto

然后做一个

require（“typeface roboto”）

/

导入“/typeface roboto”

或任何你选择的字体

我希望这就是你想要的答案

使用，字体现在不推荐使用

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

然后在应用程序条目文件或站点组件中，将其导入。例如，在Gatsby中，您可以选择将其导入布局模板（layout.js）、页面组件（index.js）或Gatsby-browser.js

import "@fontsource/open-sans" // Defaults to weight 400 with all styles included.

Fontsource允许您选择权重甚至单个样式，允许您将有效负载大小减少到最后一个字节！利用CSS unicode范围选择器，所有语言子集都被考虑在内

import "@fontsource/open-sans/500.css"; // All styles included.
import "@fontsource/open-sans/900-normal.css"; // Select either normal or italic.

或者，可以通过SCS导入相同的解决方案

@import "~@fontsource/open-sans/index.css";
@import "~@fontsource/open-sans/300-italic.css";

丰源 字体项目现在正在进行，其后续项目是

用法 在使用上没有太大区别

安装：

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

进口：

import "@fontsource/open-sans"

参考：

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

---

那么，我如何仅在特定标记中使用 您好

在我的头顶上，CSP可能是