嵌入到 Web 项目

Zen Maru Gothic Zen圆体

github.com
5 种字重Round / 圆体拉丁字母(英文)日文繁体中文
载入中 ...

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

语种预览

Workers of the world, Unite!

拉丁字母

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

日文

萬國勞動者其團結！

繁体中文

1145149870632

阿拉伯数字

授权范围

字体按照协议可根据 OFL-1.1(openfontlicense.org) 获取授权许可。

  • 前提条件 以下所有行为都不得删除字体中的版权声明且需附带许可协议原件副本，涉及再分发行为时建议主动署名。
  • 商业使用 将字体与自有工程、产品、软件等结合（作为 UI 字体、海报字体等）以盈利目的公开发售、发行允许
  • 非盈利性使用 用于个人学习、内部使用等用途或遵照 《中华人民共和国著作权法》 2020 第二十四条的合理使用行为允许
  • ® 商标 在商标不包含字体保留名称的前提下，将字体字形设计进商标并在中国进行商标注册的行为允许
  • 嵌入与集成 将字体与自有工程、产品、软件等结合（作为 UI 字体、海报字体等）后公开允许
  • 教育与培训 在以盈利为目的的教学中分析字体等行为允许
  • 再分发 不以直接盈利为目的地在非权威发行网站、软件等渠道（自有网站、平台等）公开分发源字体文件的行为允许
  • 商业性再分发 在非权威发行网站、软件等渠道（自有网站、平台等）公开分发源字体文件且要求接收方支付费用等直接或间接牟利行为，但需注意 《中华人民共和国反不正当竞争法》 2019禁止
  • 同协议修改与衍生 在衍生版本不使用字体保留名称的前提下，修改字体文件等行为后以相同许可协议公开发布允许
  • 跨协议修改与衍生 在衍生版本不使用字体保留名称的前提下，修改字体文件等行为后公开发布或闭源禁止
    • 授权范围表根据算法和经验实现，不属于专业法律建议也不适用于专业法律场景。

    嵌入字体

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

    @import url("https://fontsapi.zeoseven.com/305/main/result.css");

body {
    font-family: "Zen Maru Gothic";
    font-weight: normal;
}

    使用 HTML 实现标准的预载和冗余措施。

    <link rel="preconnect" href="https://fontsapi.zeoseven.com" crossorigin />
<link rel="stylesheet"
    href="https://fontsapi.zeoseven.com/305/main/result.css"
    onerror="this.href='https://fontsapi-storage.zeoseven.com/305/main/result.css'"
/>
<style>
    body {
        font-family: "Zen Maru Gothic";
        font-weight: normal;
    }
</style>

    在加载空闲时预取，完成后转为 stylesheet ，实现无阻塞渲染和冗余措施。

    <link rel="preload" as="style" crossorigin
    href="https://fontsapi.zeoseven.com/305/main/result.css"
    onload="this.rel='stylesheet'"
    onerror="this.href='https://fontsapi-storage.zeoseven.com/305/main/result.css'"
/>
<noscript>
    <link rel="stylesheet" href="https://fontsapi.zeoseven.com/305/main/result.css" />
</noscript>
<style>
   body {
       font-family: "Zen Maru Gothic";
       font-weight: normal;
   }
</style>

    使用 JS 引入字体实现无阻塞渲染和冗余措施，适合 React / Vue3 等客户端路由场景。

    /*
 * ZSFT 冗余器 Version 3.1 (LICENSE: MIT, by 秋, zeoseven.com)
 * L1 不可用时由 L2 提供文件，使用 fetch HEAD 已确保框架兼容性
 * ECMAScript 2015+ (ES6+)
 */

const __zsftCss = `body { font-family: "Zen Maru Gothic", 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-305";
    src: url("https://fontsapi.zeoseven.com/305/main.woff2") format('woff2'),
        url("https://fontsapi-storage.zeoseven.com/305/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-305";
    font-weight: normal;
}

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

    Black
      https://fontsapi.zeoseven.com/305/black/result.css
Bold
      https://fontsapi.zeoseven.com/305/bold/result.css
Light
      https://fontsapi.zeoseven.com/305/light/result.css
Medium
      https://fontsapi.zeoseven.com/305/medium/result.css
Regular
      https://fontsapi.zeoseven.com/305/main/result.css

    感到困惑？我们提供了 帮助与支持 其中的 嵌入字体的方法 以及关于 违法违规内容的定义和处理措施。

    Zen Maru Gothic Zen圆体

    由 Yoshimichi Ohira 设计的支持但不限于 拉丁字母(英文)、日文 和 繁体中文 的 Round / 圆体 风格的开放字体。

    许可协议

    字体以 OFL-1.1 的方式授权， 查看授权范围。 ZSFT 确保它可以直接应用在 WebFonts 场景。 可前往 openfontlicense.org 查阅授权的详细限制、条件和许可。

    字体预览

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

    版本

    当前显示和位于 CDN 中的字体版本是 Version 1.001 ，可前往字体的源发行/分发网站 github.com 上查阅，如果发现字体有新的版本， 可以 一键提醒更新 ~ 或 使用邮件详细说明 ~ 来在 ZSFT 的 CDN 中使用更新版本。

    下载

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

    源发行/分发网站

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

    fonts.zeoseven.com/items/305

    0
    github.com
    当前版本：Version 1.001
    字体或字体家族有正式更新？一键提醒更新 ~ 或 使用邮件详细说明 ~
    许可协议：OFL-1.1openfontlicense.org
    字重类型：静态字重 (Static Fonts)
    从 github.com 下载此字体
    Yoshimichi Ohira

    随机推荐

    换一换

    载入中 ...

    简体中文

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

    拉丁字母

    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.

    繁体中文

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

    日文

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

    韩文

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