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項目中使用。

貢獻

高度讚賞對該項目的支持和貢獻！ ！ ！