如何使用npm安装字体?

Sig*_*gyF 8 fonts webfonts npm

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

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

pix*_* 67 6

我使用字体 yarn add typeface-roboto

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

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

  • 从我的头顶,CSS (2认同)

Luc*_*cio 6

字体源

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

用法

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

安装:

yarn add @fontsource/open-sans // npm install @fontsource/open-sans
Run Code Online (Sandbox Code Playgroud)

进口:

import "@fontsource/open-sans"
Run Code Online (Sandbox Code Playgroud)

参考:

body {
  font-family: "Open Sans";
}
Run Code Online (Sandbox Code Playgroud)