思源宋体,如何评价,以及如何正确使用

2017 年 4 月 3 日,Adobe 联合 Google 发布了思源宋体。思源宋体是思源黑体的兄弟字体,同样支持繁简中文、日文、韩文四种语言,同样包含七种字重,同样使用 OFL 自由授权,并在 GitHub 上开源。我国的常州华文字厂也参与了字体设计。思源宋体遵循 GB 18030 和通用规范汉字表,包含 8105 个规范字。

如何评价

思源宋体对于汉文字体界的贡献完全不亚于思源黑体。

如果操作系统并没有合适的字体来显示对应的字符,它就会被显示成“豆腐块”。Google 希望通过让开源 Noto 字体家族覆盖所有 Unicode 字符的方式来彻底告别“豆腐块”的存在,而“思源”系列字体便是 Noto 字体家族针对中文、日文和韩文(Chinese、Japanese、Korean,CJK)的重要子集。之前的思源黑体是无衬线字体,而这次的思源宋体是衬线字体。

“思源”系列字体最显著的特征是其开源免费的授权方式,即使是商业使用也毫无限制。这种授权方式可以最大化“思源”的普及率,再加上后来 Google 将其内置到 Android 中,你可能在不知不觉中已经成为思源字体的受益者。

但是以此概括思源字体的贡献未免太过于狭隘。上文提到,思源字体是针对四种字型的字体,这就意味着思源可以完美显示同一个汉字在不同语言中的变种,这样一来四个区域的人都不会觉得奇怪。

思源字体还支持七种字重,这在汉字字体历史上前所未有的。在思源字体之前,大部分中文字体只有两个字重(常规、粗体),微软雅黑有三个字重(细体、常规、粗体)。之后发布的苹果“苹方”字体支持六个字重,也不如思源字体丰富。

除此之外,Adobe Typekit 服务还允许你免费将思源系列字体用到网站上,虽然免费套餐有一定的流量限制。

对比 macOS 系统内置的宋体,思源宋体字重更丰富,中宫更大,易读性稍好。思源宋体所有字重的横向笔画粗度都一致,粗字重的思源宋体很有“标宋”的质感,对比度分明,风格明显;而细字重的版本也不至于让小子号变的几乎不可读。相比思源黑体这种非衬线字体,思源宋体更适合正式的文档,感觉更庄重。

需要指出的是,由于思源字体由 Google 和 Adobe 联合开发并发行,虽说中文名称相同,但是并没有统一的英文名称。Google 将思源字体归入旗下 Noto 字体家族,因此思源黑体的名字为 Noto Sans CJK,思源宋体的名字为 Noto Serif CJK;Adobe 将思源字体归入旗下 Source 字体家族,因此思源黑体的名字为 Source Han Sans,思源宋体的名字为 Source Han Serif。这一点带来的影响随后说明。

思源字体也内置了西文,其西文部分使用的是 Adobe Source 家族字体,即思源黑体集成 Source Sans Pro、思源宋体集成 Source Serif。无论是 Google 还是 Adobe 发行的版本都是如此。

如何正确使用

下载页面:GitHubGoogle

在本地使用

Adobe 提供了多语言的下载指南(PDF),中文部分如下图所示

下载好对应的版本之后,便可以安装了。如果你已经升级 Windows 10 创作者更新,也可以下载 Super OTC 版本。

Windows 10 上,双击打开字体即可选择安装。在 Windows 8 及之前的版本中,需要打开控制面板 – 外观与个性化 – 字体,将下载好的字体拖到里面。

macOS 上,双击打开字体即可选择安装。

iOS 7 及以上版本中,安装字体需要从 App Store 下载 AnyFont 或者 WorkFlow。具体的方法可以参考我的这篇文章。iOS 6 及以前版本不支持安装字体。

直到 Android 7.1,Google 还不允许用户安装字体。某些 ROM 允许用户替换系统默认字体,详情请咨询相关客服。

上文提到,思源字体西文部分使用的是 Adobe Source 家族字体,因此如果想要搭配 Noto 字体家族使用,需要明确声明在西文部分使用 Noto 字体。

在网页中使用

思源这么强大的字体,当然会有站长想要使用。我的博客就已经在标题处使用了思源宋体,在大部分浏览器上显示都不会难看。

在网页中使用中文字体一向比较困难,其中最主要的原因是中文字体往往体积过大,西文字体一般可以在百 KB 左右解决问题,而中文字体少则几个 MB,大则上百 MB,这样会严重拖慢网站的加载速度。可能是出于这样的原因,Google Font 也并未托管思源字体。

庆幸的是,Adobe Typekit 服务提供了对思源字体的托管,只需要注册一个 Adobe 账户,便可以免费使用思源系列字体。免费账户的访问量会有一些限制,升级账户需要付费。但是对于个人博客来说,免费账户足够用了。

你可以顺着 Adobe 官方的指导来创建账户、将字体添加到 kit 并将相应的 JavaScript 脚本添加到页面的 <footer> 中。Typekit 脚本会在网页加载完成后再加载字体,并且会根据需要只加载需要的字符,大幅提升速度。但是即使是如此,中文字体的加载还是会相对缓慢,所以不建议大篇幅使用动态字体,文章正文还是使用系统内置字体更好。Typekit 使用的是 Akamai CDN 服务,在国内的速度差强人意(差强人意:大体令人满意)。

这里主要说一下如何在 CSS 中正确声明思源字体。上文提到,思源字体有多个版本,针对不同的操作系统和语言,其使用的名称也不同。因此在 CSS 代码中正确地声明思源字体需要考虑所有思源字体的版本。

思源黑体

font-family: 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans', source-han-sans-simplified-c, sans-serif;

这样声明可以让浏览器先调用系统内已安装的思源黑体,没有的话再从网络上加载。如果网络也加载失败,会回落到系统默认的非衬线字体。思源黑体的内置西文是 Adobe Source Sans Pro。

思源黑体 + Google Noto Sans

font-family: 'Noto', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans', source-han-sans-simplified-c, sans-serif;

思源宋体

font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', ‘Source Han Serif’, source-han-serif-sc, serif;

思源宋体内置的西文字体是 Adobe Source Serif。

思源宋体 + Google Noto Serif

font-family: 'Noto Serif', 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', ‘Source Han Serif’, source-han-serif-sc, serif;

配合其他字体使用

紧接着 font-family 后面添加西文字体可以替换掉思源字体内置的西文字体;在结尾 serif 前面添加中文字体可以添加回落字体,但是一般情况下不必要。

我的用法

我在网站的标题处使用思源宋体,字重高达 900。这种字重只有思源宋体能提供,其他任何宋体都不能实现如此丰富的字重。如果系统中已经安装思源宋体,优先使用本地字体。如果本地没有安装,则从 Typekit 下载。如果思源宋体下载失败,寻找系统内的宋体使用。

.entry-title {
    font-family: 'Noto Serif CJK SC', 'Source Han Serif SC', ‘Source Han Serif’, source-han-serif-sc, '宋体', serif;
    font-weight: 900;
}

在网站的正文中,我是用思源黑体作为最后的回落字体。当系统中已经安装苹方、思源黑体或者微软雅黑的时候,依次使用这三个字体,不会从 Typekit 下载动态的思源黑体。如果操作系统中很遗憾没有上述的字体(比如 Android、Ubuntu 等),再下载思源黑体。如果思源黑体下载失败,回落到系统默认的非衬线字体。

body {
    font-family: "PingFang SC", "Noto Sans CJK", "Source Han Sans", "Microsoft Yahei", source-han-sans-simplified-c, sans-serif;
}

这种用法兼顾了样式和加载速度。

2017-4-6 更新:修改关于常州华文和字符集的描述,感谢 Eric LIU 指正。更新 Windows 10 创作者更新可使用 Super OTC,感谢 NovaDNG 指正。

 

发布者:王跃琨

Digital Asshat

加入对话

12条评论

  1. 一些描述不甚准确。「中文部分由我国的常州华文设计」→华文参与了设计,但由于思源项目中日韩的字形有复杂的共享,比如简体中文里的字有些和日文一样,日文里也有些字是华文做的,都不能一一对等;「遵循 GB 18030 通用规范汉字表」→这么写令人看起来似乎 GB 18030 和《通用规范字表》像是一个东西,实际上却不是,要加上「和」;「包含 8105 个规范字和 196 个额外字」→ 事实是:8105 个规范字里面有 199 个规范字不在 GB18030 里,这 199 个规范字中有 196 个落在 Unicode CJK 扩展 B, C, D, E 区 ,还有三个规范字会加入 F 区随 2017 年夏天的 Unicode 10.0 版本发布。

  2. 貌似那个Workflow otf文件装不了,我装思源宋体没反应,装 Noto Serif.ttf
    没问题

  3.   谢谢作者的分享。但「思源字体还支持七种字重,这在汉字字体历史上前所未有的。」这一句话倒不予苟同。在 2015 年汉仪就曾做过「汉仪旗黑」,拥有更多的字重。请参考:http://www.typeisbeautiful.com/2015/09/9488/

  4. 对比图中Windows宋体显示的是其点阵字形而不是矢量字形啊…
    单就比较而言,这对Win宋不公平吧 (虽然个人觉得Win宋点阵比矢量好太多)

  5. 思源宋体对于汉文字体届的贡献完全不亚于思源黑体。
    ……
    应写为“字体界”,
    或应表达为“字体领域”,“界”一般用于指某类人群。

  6. 事实上,诡异的是,某些版本(也许是最新的几个版本)的思源黑体及思源宋体的简体中文版本字体名称是 Noto Sans SC 和 Noto Serif SC, 去掉了 “CJK” 三个字母.出于这个原因,我使用已安装思源黑体的设备访问贵站时,正文部分仍旧显示回落字体.

留下评论

发表评论

%d 博主赞过: