字體項目現在已棄用。
@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') ?