ZSFT 从未在一切可能的位置进行过主动或委托宣传,请注意甄别(不要吐槽错了目标~)。
s-font

嵌入到 Web 项目

山字瓜子体

space.bilibili.com|代号 0257

载入字体中...

可直接删除上方字符并输入预览。

语种预览

全世界无产者,联合起来!

简体中文

Workers of the world, Unite!

英文

1234567890

阿拉伯数字

嵌入字体

常规的引入方式,使用 CSS 或 <style> 。

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

body {
   font-family: "ShanziGuaziTi";
   font-weight: normal;
}

使用 HTML 标签预先连接,以在开始加载时更快的载入。

<link rel="preconnect" href="https://static.zeoseven.com" crossorigin />
<link rel="stylesheet" href="https://static.zeoseven.com/zsft/257/main/result.css" />

<style>
   body {
       font-family: "ShanziGuaziTi";
       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/257/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 语法。
   '"ShanziGuaziTi", system-ui, sans-serif',
   // 传入字体应用的目标元素,可修改为类名或 id ,如 .box, #box, .box:hover 等 CSS 语法。
   "body"
);

只需要加载 10KB 左右的文件,对于只需要此字体的 英文字符和标点 及 数字 的场景非常适合。

/*
 * ZSFT 英文子集化选项
 * AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1234567890 ,.!?:;-
 */

@font-face {
   font-family: 'zsft-enmin-257';
   src: url('https://static.zeoseven.com/zsft/257/main.woff2') format('woff2'),
       url('https://static-host.zeoseven.com/zsft/257/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-257';
   font-weight: normal;
}

有时候,其它字重的 font-family 与默认不同,需要根据 CSS 地址中的 font-family 属性来正确引入字体。

不符合中国法律法规的网站请勿使用。 需要帮助? ZeoSeven 提供了 文档

字体介绍

介绍内容字体

山字瓜子体

简介

由字体设计师 frankleng 设计的支持但不限于 英文 和 简体中文Creative / 创意 风格的免费商用字体。

许可协议

字体以 作者声明 的方式授权, ZSFT 确保它可以免费商用并应用在 WebFont 场景。 可前往 space.bilibili.com 查阅授权的详细限制、条件和许可。

字体预览

现在显示的,就是字体的字型,不过当前字体无法显示的字符会使用设备默认字体 ... ,还可以通过 ZSFT 提供在上方的介绍内容字体选择器选择, ZSFT 将字体直接设置在介绍文字中以展示实际使用的效果,当然 ZSFT 也提供更好的 字体预览器

版本

当前显示和位于 CDN 中的字体版本是 Version 1.100 ,可前往字体的源发行网站 space.bilibili.com 上查阅,如果发现字体有新的版本,可以告诉 ZSFT 来在 ZSFT 的 CDN 中使用更新版本。

下载

不论在什么情况下,都建议在 源发行网站 中获取字体文件,因为那里提供的文件通常是最权威、最新且最安全的。

源发行网站

可前往字体的源发行网站 https://space.bilibili.com/42860531 上查阅字体的更多权威资讯, ZSFT 也是在那里得到的字体文件和信息 ~

fonts.zeoseven.com/items/257

许可协议

作者声明

前往 space.bilibili.com 查阅

免费商用
嵌入

随机推荐

载入中...

简体中文

共产党人不屑于隐瞒自己的观点和意图。他们公开宣布:他们的目的只有用暴力推翻全部现存的社会制度才能达到。让统治阶级在共产主义革命面前发抖吧。无产者在这个革命中失去的只是锁链。他们获得的将是整个世界。

英文

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.