s-font
载入字体中...
可直接删除上方字符并输入预览。
语种预览
Workers of the world, Unite!
英文
Пролетарии всех стран, соединяйтесь!
俄文
Prolétaires de tous les pays, unissez-vous!
法文
¡Proletarios del mundo, uníos!
西班牙文
Προλετάριοι όλων των χωρών, ενωθείτε!
希腊文
1234567890
阿拉伯数字
嵌入字体
常规的引入方式,使用 CSS 或 <style> 。
@import url('https://static.zeoseven.com/zsft/gh/main/result.css'); body { font-family: "InterVariable", "Inter", "Inter-Display"; font-weight: normal; }
使用 HTML 标签预先连接,以在开始加载时更快的载入。
<link rel="preconnect" href="https://static.zeoseven.com" crossorigin /> <link rel="stylesheet" href="https://static.zeoseven.com/zsft/gh/main/result.css" /> <style> body { font-family: "InterVariable", "Inter", "Inter-Display"; font-weight: normal; } </style>
使用 JS 引入字体实现冗余,但可能会导致字体闪烁。
/* * ZSFT 超小~型CSS冗余器 Version 3 (LICENSE: MIT, by 秋, zeoseven.com) * CDN 载入出错时直接由源服务器提供文件 */ ((z,s,f,t)=>{setTimeout(()=>{let $=document.head;let a=(b,c)=>{ if(s===0){let d=document.createElement('link');d.rel='stylesheet';d.href="https://static"+b+"zeoseven.com/zsft/gh/main/result.css"; d.onerror=function(){$.removeChild(d);a(c);s++;};$.appendChild(d); };};a(z[0],z[1]);$.appendChild(document.createElement('style')).innerHTML=`${t}{font-family:${f}}`;},0); })(['.', '-host.'],0, // 传入 font-family ,可修改为 serif, monospace 等 CSS 语法。 '"InterVariable", "Inter", "Inter-Display", system-ui, sans-serif', // 传入字体应用的目标元素,可修改为类名或 id ,如 .box, #box, .box:hover 等 CSS 语法。 "body" );
只需要加载 10KB 左右的文件,对于只需要此字体的 英文字符和标点 及 数字 的场景非常适合。
/* * ZSFT 英文子集化选项 * AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1234567890 ,.!?:;- */ @font-face { font-family: 'zsft-enmin-gh'; src: url('https://static.zeoseven.com/zsft/gh/main.woff2') format('woff2'), url('https://static-host.zeoseven.com/zsft/gh/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-gh'; font-weight: normal; }
有时候,其它字重的 font-family 与默认不同,需要根据 CSS 地址中的 font-family 属性来正确引入字体。
感到困惑? ZeoSeven 提供了 帮助。* 不符合中国法律法规的网站请勿使用。
字体介绍
介绍内容字体
Inter is a typeface carefully crafted & designed for computer screens. Inter features a tall x-height to aid in readability of mixed-case and lower-case text. Inter is a variable font with several OpenType features, like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate "0" from "o", tabular numbers, etc.
Notable projects using Inter
Element software suiteElementaryOS
Figma
GitLab
Minimalissimo magazine
Mozilla brand
NASA
Pixar Presto
Unity
Zurich Airport
github.com/rsms/inter
随机推荐
载入中...
英文
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.