字体项目现在已弃用。
@declininglotus创建了Fontsource,它提供了与字体相同的功能,但具有自动化版本和对导入特定权重,样式或语言子集的更丰富的支持。
要开始使用fontsource,请在软件包中替换。json用“@fontsource/”的“ typeface-”实例。
然后将导入从例如“导入'import'typeface-roboto'”更改为“导入'@fontsource/roboto/latin.css'”。
字体软件包将无限期地继续工作,因此无需立即更改。
开源字体的NPM软件包 - 使得自宿主WebFonts变得更容易。
https://www.bricolage.io/typefaces-easiest-way-way-to-self-host-fonts/
每个字体软件包都带有所有必要的字体文件和CSS,以自助寄养开源字体。
添加了所有Google字体,以及其他开源字体的较小但不断增长的列表。如果要添加字体,请打开问题!
再容易了。这就是您将添加打开的sans的方式。
npm install --save typeface-open-sans
然后在您的应用程序或网站的输入文件中。
require ( "typeface-open-sans" )就是这样!您现在正在自我托管sans!
交换Google字体应该需要<5分钟。
字体假设您正在使用WebPack带有加载程序设置来加载CS和字体文件(您可以将字体与其他设置一起使用,但是WebPack可以使事情真的很简单)。假设您的WebPack配置已正确设置,则只需需要项目的输入文件中的字体即可。
许多使用WebPack(例如Gatsby和Create React应用程序)构建的工具已经设置为与字体配合使用。默认情况下,盖茨比还将您的CSS嵌入您的<head>中,以更快地加载。
如果您不使用允许您需要CSS的WebPack或同等工具,则需要手动将index.cs.cs和字体文件从软件包中集成到构建系统中。
找出是否支持您喜欢的字体的最简单方法是在NPM上或在此存储库中的包装目录中进行搜索。
我很想在NPM上看到所有开源字体!如果缺少您喜欢的字体,请打开问题。我已经通过编程出版了Google字体的所有字体,并计划通过通过其API在字体上托管的字体进行操作。
require('open-sans/greek.css') ?