fonts fontface

字体-Fontface

使用Node软件包管理器加载和将特定的CSS开源字体导入您的项目中...

现在导入字体变得更加容易...仅导入和加载您字体所需的字体变化。

这个软件包做什么？

• 加载和导入所需的字体。
• 提高应用速度，性能和离线使用。

例如：我的CSS主题可与Roboto字体一起使用，其变化为300,400,500,700。我要做的就是导入特定的字体及其变化。

此软件包仅适合您。

历史

这项服务的灵感来自凯尔·马修斯（Kyle Mathews）的字体项目，其中所有字体变化均已加载，从而导致由于下载大量字体而导致性能降低。

用法

就是您可以使用Google字体来完成以下操作的方式：。

 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500italic,700&display=swap" />

您现在可以对NPM进行同样的操作：

 npm install --save font-face-roboto

每个字体-Fontface都包含所有必要的字体文件。

要在您的项目中使用，请在入口点中添加并导入它：

 import "typeface-roboto/300-400-500i-700.css";

进行上述将以300级，400级，500元和700纳的变化导入Roboto字体。

字体假设您正在使用WebPack带有加载程序设置来加载CS和字体文件（您可以将字体与其他设置一起使用，但是WebPack可以使事情真的很简单）。假设您的WebPack配置已正确设置，则只需需要项目的输入文件中的字体即可。

笔记

与WebPack一起使用，以将必要的文件捆绑并注入项目中。

诸如Create-React-App和Gatsby之类的工具与此相同。

随时在您的React项目中使用。

贡献

高度赞赏对该项目的支持和贡献！！！