s-font

嵌入到 Web 项目

Xiaolai Font 小赖字体 SC

github.com|代号 0281

载入字体中...

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

语种预览

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

简体中文

Workers of the world, Unite!

英文

萬國勞動者其團結!

繁体中文

万国の労働者よ、団結せよ!

日文

만국의 로동자여, 단결하라!

韩文

1234567890

阿拉伯数字

嵌入字体

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

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

body {
   font-family: "Xiaolai SC";
   font-weight: normal;
}

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

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

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

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

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

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

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

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

字体介绍

介绍内容字体

项目简介

濑户字体 是由日本的业余字体设计师 瀬戸のぞみ 制作,支持 JIS 第一至第四级,支持繁体和简体中文(部分)。目前最新的版本是 2014 年 9 月 24 日的 6.20 版本,原作者已经很久不更新了。

后来, Max 在原来的「濑户字体」基础上,推出了 内海字体 ,补齐了台湾教育部门列出的 4808 个常用字,并增加了闽南语、粤语常用字,弥补了繁体中文地区常用字缺字缺憾。

但是,这款可爱的开源字体,仍然缺少一部分简体字,这对于大陆的用户来说,可能会造成一些不便。

于是,本人开启了 “濑户内海字体简体补全计划” ,旨在补足 濑户字体 缺少的简体字。 小赖字体 是这一计划的延续。

本字体项目原名为 「小濑字体」 ,后来由于很多人都把「濑」打成「赖」,索性把「氵」去掉,改名 「小赖字体」 。

字体概况

本字体是 濑户字体 的简体中文化改良,利用濑户字体里原有的部件,对原字体中缺少的汉字进行补足,主要为 GB2312 及《通用规范汉字表》里的汉字,其余的汉字、谚文、特殊符号用 cjkFonts 全濑体 补全。现有 CJK 基本区汉字 20992 个,扩展 A 区汉字 6592 个,另有零星扩展 B~G 区汉字。

该字体可显示 GB 18030-2022 实现级别 2 范围内的全部汉字,以及《通用规范汉字表》里的全部汉字(共 8105 个),满足中国大陆用户的使用需要。此外可显示日文假名、谚文 (韩文、朝鲜文) 音节和思源黑体可以显示的特殊符号字体。

此外新增日本写法的字体,保留「濑户字体」原汁原味的日系风格。日本版保留原 「小濑字体(Kosefont-JP)」 名称,且不再更新维护,可在本仓库内「TTF (Japanese)」文件夹内下载。

github.com/lxgw/kose-font

设计师

LXGW

设计师专栏

许可协议

OFL

前往 openfontlicense.org 查阅

免费商用
嵌入

随机推荐

载入中...

简体中文

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

英文

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.

繁体中文

共產黨人不屑於隱瞞自己的觀點和意圖。他們公開宣佈:他們的目的只有用暴力推翻全部現存的社會制度才能達到。讓統治階級在共產主義革命面前發抖吧。無產者在这个革命中失去的只是鎖鏈。他們获得的將是整個世界。

日文

共产党人は自分たちの見解や意図を隠すことを軽蔑しています。彼らは公然と宣言しています:彼らの目的は、すべての現存する社会制度を暴力で推翻することでのみ達成できます。支配阶级は共産主義革命の前に震えざるを得ません。無産者はこの革命で失うのはただの鎖であり、得るのは世界全体であるだけです。

韩文

공산당员들은 자신들의 관점과 의도를 숨기는 것을 경멸합니다. 그들은 공개히 선언합니다: 그들의 목표는 모든 기존 사회 조건을 강력하게 무너뜨린다는 것 만이 달성될 수 있습니다. 지배계급은 공산주의 혁명 앞에서 떨어지기 바랍니다.