免费商用字体和WebFonts字体
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; }
通常用于:
需要使用 <style> 包裹的:
优点: 更高的加载优先级,字体被缓存后无闪烁, 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 渲染
提供: 仅大体积字体
轻量级的图片标注工具