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许可证中涵盖。如果您知道此存储库中列出的任何字体系列的许可问题，请打开一个问题，以便我们解决差异。