easyfonts

簡單字體

Easy Fonts提供的CSS類可用於HTML中的CSS類，為<div classs="font-open-sans"></div> 。這使您可以在項目中使用Google字體更容易。 Easy Fonts使WebFonts 2步驟更加容易，因為您不再需要每次嘗試新字體系列時重複效率步驟：

1. 無需每次生成新的字體樣式表，並且
2. 無需編輯CSS應用字體。

使用Easy Fonts，您可以使用一個輕巧的CSS文件來導入項目中的所有字體，並且永遠不會擔心導入新字體。

為什麼簡單的字體

開發了Easy Fonts，以利用PageCDN用於加速網站的主機合併技術。我們的最初目標是允許使用PageCDN進行內容交付的網站，也可以選擇通過同一CDN主機傳遞字體，以減少Google字體所需的2個額外的DNS查找。後來，Easy Fonts被證明是快速原型製作的非常有用的庫。因此，我們將其移至github，以供任何有興趣自我託管此庫或與fonts.google.com結合使用的人。

使用簡單的字體

Easy Fonts提供了CSS課程的集合，可幫助您更快地構建網站，而不必擔心每次您需要測試新字體系列時都會修改CSS。使用簡單的字體參考來了解所有可用的字體家庭和相關的CSS課程。

 < link href =" https://pagecdn.io/lib/easyfonts/fonts.css " rel =" stylesheet " />

<!-- Or load specific font files
<link href="https://pagecdn.io/lib/easyfonts/open-sans.css" rel="stylesheet" />
<link href="https://pagecdn.io/lib/easyfonts/roboto.css" rel="stylesheet" />
-->

< div class =" font-roboto " >
    < div class =" font-open-sans w600i " >
        Stuff here appears in Open Sans, bold and italic
    </ div >
    < div class =" w600 " >
        Stuff here appears in Roboto, bold
    </ div >
    < div >
        Stuff here appears in Roboto and uses inherited weight and style
    </ div >
</ div >

:)

如果您使用的是fonts.css ，瀏覽器將僅下載您在HTML中實際使用的字體文件，並且不會通過加載所有字體來浪費用戶的帶寬。從pagecdn加載時， fonts.css文件本身僅為25 kb 。 PageCDN使用Brotli：11壓縮來非常緊密地壓縮文件以使大小保持在可接受的限制之內。

導入字體

dist目錄包含每個單獨字體系列的CSS文件，您可以從HTML鏈接到。您可以下載圖書館以使用單獨的字體系列播放或直接從CDN鏈接到CSS文件。以下是open sans字體家庭的鏈接。對於其他字體系列，這是一個方便的搜索工具。

 < link href =" https://pagecdn.io/lib/easyfonts/open-sans.css " rel =" stylesheet " />

導入所有字體

為了快速測試不同的字體，簡單的字體使一次容易一次導入所有字體系列。為此，您需要使用dist/fonts.css文件或使用以下CDN鏈接。

 < link href =" https://pagecdn.io/lib/easyfonts/fonts.css " rel =" stylesheet " />

與Google字體一起使用

可以一起使用簡單的字體和Google字體。這是做的方法。

 < link href =" https://fonts.googleapis.com/css2?family=Open+Sans:ital@0;1&display=swap " rel =" stylesheet " > 
< link href =" https://pagecdn.io/lib/easyfonts/classes.css " rel =" stylesheet " />

動態導入字體

Easy Fonts為單個字體家庭提供JSON格式的字體信息。這可以幫助您為主題和網站構建者構建字體選擇接口。 JSON位於dist/info目錄中。您可以為單個字體加載信息，也可以使用全包JSON文件進行整個字體集合。

負載所有字體的信息

 https://pagecdn.io/lib/easyfonts/info/fonts.json

負載單字體家庭的信息

 https://pagecdn.io/lib/easyfonts/info/open-sans.json

執照

dist/fonts內的TTF字體文件是Google字體中的TTF文件的未修改副本，您可以在其中閱讀許可信息。單個字體家庭在dist/license中擁有自己的許可證文件。從每個CSS文件也鏈接了相關的許可證文件，以幫助您輕鬆查看許可證信息。

此存儲庫中的CSS和JSON文件僅是從字體文件生成的動態性，並在MIT許可證中涵蓋。如果您知道此存儲庫中列出的任何字體系列的許可問題，請打開一個問題，以便我們解決差異。