如何使用npm安装字体？

Question

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

• NPM-字体开放的SAN
• 字体开放的SAN
• 开放的SAN-所有
• 开放的SAN-fontface
• opensans-NPM-web字体

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

Answer 1

我使用字体 yarn add typeface-roboto

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

我希望这是您要找的答案？

Answer 2

字体源

typefaces 项目现已弃用，其后继者是fontsource。

用法

从使用的角度来看，没有太大区别。

安装：

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

进口：

import "@fontsource/open-sans"

参考：

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