ZeoSeven

免费商用字体站，收录一千三百多款可商用的中英文字体，支持在线预览、下载，并提供 WebFonts API 直接调用。适合前端项目接字体，或者找可商用的中文字体。免费使用，界面为中文。

ZeoSeven Fonts（ZSFT）是一个专注于免费商用字体收录和展示的平台，只收录免费商用和开放使用字体，从而 无需担心字体的授权问题，而且提供完整的字体信息、在线预览以及Web字体CDN服务，支持OpenType、TrueType和Web Open Font Format格式，所有功能均免费，无需注册或付费。该平台汇集了763款优质商用字体，并提供详尽的字体文件报告，涵盖编码支持、字符数量和字形展示等关键信息，为设计师和开发者提供了一个高效、便捷的字体嵌入与使用工具，是实现现代网页设计和品牌视觉优化的理想选择。

ZSFT 只收录免费商用和开放使用字体，从而 无需担心字体的授权问题，只不过复制粘贴并遵守协议。

使用 CSS / JavaScript ，冗余加载 / 按需加载，或是英文子集化。以你习惯的多数方式设置字体。

多层 CDN 架构， L3 的稳定， L2 的安全， L1 的性能，避免了因单点故障和恶意攻击导致的中断。

ZSFT 中有五大嵌入方法： 常规 CSS 、HTML 强化、HTML 无阻塞、高级冗余.js 和 英文子集化，当然，前四个实际上都是编写好的代码，可以自己实现。

这是最通用也是推荐的方法，任何字体都会提供 “常规 CSS” 选项，可以将它使用在 .css 文件或 HTML 的 <style> 中。

/* 大体积字体，按需加载 */

@import url('https://static.zeoseven.com/zsft/1/main/result.css');

body {

  font-family: "JinzisheTongfang";

  font-weight: normal;

}

/* 小体积字体，完整字库和冗余 */

@font-face {

  font-family: "zsft-a";

  src: url('https://static.zeoseven.com/zsft/a/main.woff2') format('woff2'),

      url('https://static-host.zeoseven.com/zsft/a/main.woff2') format('woff2');

  font-display: swap;

}

body {

  font-family: "zsft-a";

  font-weight: normal;

}

通常用于： CSS

需要使用 <style> 包裹的： HTML

优点： 更高的加载优先级，字体被缓存后无闪烁， WebFonts 的标准方法

缺点： 会阻塞 HTML 渲染

提供： 任何字体

#HTML 强化

此选项可以被用在 HTML 或 PHP 中，以标准方法实现预载和冗余措施。

<link rel="preconnect" href="https://static.zeoseven.com" crossorigin />

<link rel="stylesheet"

href="https://static.zeoseven.com/zsft/1/main/result.css"

onerror="this.href='https://static-host.zeoseven.com/zsft/1/main/result.css'"

/>

<style>

body {

    font-family: "JinzisheTongfang";

    font-weight: normal;

}

</style>

通常用于： HTML

优点： 更高的加载优先级，字体被缓存后无闪烁，加载冗余

缺点： 会阻塞 HTML 渲染

提供： 仅大体积字体