s-font

嵌入到 Web 项目

Judou Sans 句读黑体 UI Jpan

github.com|代号 0153

载入字体中...

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

语种预览

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

简体中文

Workers of the world, Unite!

英文

萬國勞動者其團結!

繁体中文

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

日文

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

韩文

𛈆𛆓𛆄𛇯𛊜𛈖 𛈏𛈩𛆻𛇤

女书

คนทุกที่แห่งโลก ที่ไม่มีทรัพย์สิน ตรงกันขวางกันมาสู่ร่วมกัน!

泰文

འཛམ་གླིང་ཡོངས་ཀྱི་འབྱོར་མེད་པ་རྣམས་མཉམ་འབྲེལ་གྱིས་ཤིག་

藏文

!يا عمال العالم اتحدوا

阿拉伯文

Προλετάριοι όλων των χωρών, ενωθείτε!

希腊文

1234567890

阿拉伯数字

嵌入字体

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

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

body {
   font-family: "Judou Sans UI Jpan";
   font-weight: normal;
}

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

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

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

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

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

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

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

Bold
      https://static.zeoseven.com/zsft/153/bold/result.css
Bold Italic
      https://static.zeoseven.com/zsft/153/bold-italic/result.css
Extra Light
      https://static.zeoseven.com/zsft/153/extra-light/result.css
Extra Light Italic
      https://static.zeoseven.com/zsft/153/extra-light-italic/result.css
Heavy
      https://static.zeoseven.com/zsft/153/heavy/result.css
Heavy Italic
      https://static.zeoseven.com/zsft/153/heavy-italic/result.css
Italic
      https://static.zeoseven.com/zsft/153/italic/result.css
Light
      https://static.zeoseven.com/zsft/153/light/result.css
Light Italic
      https://static.zeoseven.com/zsft/153/light-italic/result.css
Medium
      https://static.zeoseven.com/zsft/153/medium/result.css
Medium Italic
      https://static.zeoseven.com/zsft/153/medium-italic/result.css
Regular
      https://static.zeoseven.com/zsft/153/main/result.css
Semi Light
      https://static.zeoseven.com/zsft/153/semi-light/result.css
Semi Light Italic
      https://static.zeoseven.com/zsft/153/semi-light-italic/result.css

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

字体介绍

介绍内容字体

句读黑体

𛆘𛋥𛋚𛋒 / 句讀黑體 / Judou Sans / Judou ゴシック / Judou 고딕

句读黑体,基于思源黑体和 FiraGO 等字体,支持多种语言文字的商用免费开源黑体。

支持的文字

汉字

假名

谚文

女书

藏文

拉丁文扩展

西里尔文扩展 (包含塞尔维亚语和保加利亚语的 Opentype locl 特性)

希腊文扩展

国际音标

阿拉伯文

天城文

格鲁吉亚文

希伯来文

泰文

字体名称解读

按照风格划分

句读黑体: 使用占 1 个汉字宽的引号(“ ”)、双层 g、开放字怀 4 和不等宽数字

句读黑体 UI: 使用占半个汉字宽的引号(“ ”)、单层 g、封闭字怀 4 和等宽数字

按照字形划分

Hans: 国标字形

Hant: 传承字形

Jpan: 日本字形

Kore: 韩国字形

鸣谢

本字体基于以下字体:

更纱黑体(构建字体)

思源黑体(CJK 部分)

尙古黑体(Hant 版本 CJK 部分)

FiraGO(西文、国际音标、阿拉伯文、天城文、格鲁吉亚文、希伯来文、泰文)

Noto Traditional Nushu(女书)

KhaWa Sans(藏文)

Iosevka(传统信息处理技术符号)

Weather Icons(私用区天气图标)

github.com/JudouEco/JudouSans

设计师

句读生态

设计师专栏

许可协议

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.

繁体中文

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

日文

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

韩文

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