载入中 ...
可直接删除上方字符并输入预览。
语种预览
Workers of the world, Unite!
拉丁字母
Пролетарии всех стран, соединяйтесь!
西里尔字母
Προλετάριοι όλων των χωρών, ενωθείτε!
希腊文
1145149870632
阿拉伯数字
嵌入字体
常规的引入方式，使用 CSS 或 <style> 。
@import url("https://static.zeoseven.com/zsft/358/main/result.css");
body {
font-family: "Judou Mono Web";
font-weight: normal;
}使用 HTML 实现标准的预载和冗余措施。
<link rel="preconnect" href="https://static.zeoseven.com" crossorigin />
<link rel="stylesheet"
href="https://static.zeoseven.com/zsft/358/main/result.css"
onerror="this.href='https://static-host.zeoseven.com/zsft/358/main/result.css'"
/>
<style>
body {
font-family: "Judou Mono Web";
font-weight: normal;
}
</style>在加载空闲时预取，完成后转为 stylesheet ，实现无阻塞渲染和冗余措施。
<link rel="preload" as="style" crossorigin
href="https://static.zeoseven.com/zsft/358/main/result.css"
onload="this.rel='stylesheet'"
onerror="this.href='https://static-host.zeoseven.com/zsft/358/main/result.css'"
/>
<noscript>
<link rel="stylesheet" href="https://static.zeoseven.com/zsft/358/main/result.css" />
</noscript>
<style>
body {
font-family: "Judou Mono Web";
font-weight: normal;
}
</style>使用 JS 引入字体实现无阻塞渲染和冗余措施，但可能会导致字体闪烁。
/*
* ZSFT 冗余器 Version 3.1 (LICENSE: MIT, by 秋, zeoseven.com)
* L1 不可用时由 L2 提供文件，使用 fetch HEAD 已确保框架兼容性
* ECMAScript 2015+ (ES6+)
*/
const __zsftCss = `body { font-family: "Judou Mono Web", system-ui, sans-serif }`;
// 可以将 __zsftCss 删除变为 undefined ，因为它实际上就是在 head 插入 style ，删除后在其它位置定义正确的 font-family 即可。
((z, s, f, t) => {
setTimeout(()=>{
z=document.head;if(typeof __zsftCss!='undefined')z.insertBefore(document.createElement("style"),(z.firstChild)).innerHTML=__zsftCss;
f=(i)=>{return "https://static"+i+"zeoseven.com/zsft/519/main/result.css";};
t=(i)=>{const t=document.createElement("link");t.rel="stylesheet";t.href=i;t.onerror=()=>z.removeChild(t);z.insertBefore(t,(z.firstChild));};
const o=f(s),u=f("-host.");
try{fetch(o,{method:"HEAD"}).then(r=>r.status>299?t(u):t(o)).catch(t(u));}catch{t(u)};
});
})(0,".");让大体积字体像英文字体一样，只需要加载 10KB 左右的文件。
/*
* ZSFT 英文子集化选项
* AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1234567890 ,.!?:;-
*/
@font-face {
font-family: "zsft-enmin-358";
src: url("https://static.zeoseven.com/zsft/358/main.woff2") format('woff2'),
url("https://static-host.zeoseven.com/zsft/358/main.woff2") format('woff2');
unicode-range: U+0061-007A, U+0041-005A, U+0030-0039, U+002E, U+002C, U+0021, U+003F, U+003A, U+003B, U+002D;
}
body {
font-family: "zsft-enmin-358";
font-weight: normal;
}感到困惑？ ZeoSeven 提供了 帮助与支持 其中的 嵌入字体的方法 以及关于 违法违规内容的定义和处理措施。
0
许可协议：OFLopenfontlicense.org
字重类型：可变字重 (Variable Fonts)
随机推荐
载入中 ...
英文
The Communists disdain to conceal their views and aims. They openly declare that their ends can be attained only by the forcible overthrow of all existing social conditions. Let the ruling classes tremble at a Communistic revolution.