当前位置:
首页 > 字体文章 > 有根字体免费下载 思源松体,如何评价,如何正确使用

有根字体免费下载 思源松体,如何评价,如何正确使用

2017年4月3日,Adobe与Google发布思源松体。思源宋体是思源汉体的兄弟字体。它还支持四种语言:繁体中文、简体中文、日语和韩语。它还包含七个重量。它还获得 OFL 免费许可,并在 GitHub 上开源。我国常州汉字厂也参与了字体设计。思源松体遵循GB 18030和通用标准汉字表,包含8105个标准汉字。

如何评价

宋思源对中国风世界的贡献并不亚于黑思源的贡献。

如果操作系统没有合适的字体来显示相应的字符,就会显示为“豆腐块”。谷歌希望通过允许开源的Noto字体家族覆盖所有Unicode字符来彻底告别“豆腐块”的存在,而“思源”系列字体就是中日韩的Noto字体家族(中文、日文、韩文) 、韩语、CJK)重要子集。之前的思源汉体是无衬线字体,而这次思源宋体是衬线字体。

“思源”系列字体最显着的特点是其开源、免费的授权方式,即使商业使用也没有任何限制。这种授权方式可以最大限度地提高《思源》的知名度。再加上谷歌后来将其内置到Android中,你可能在不知不觉中就成为了思源字体的受益者。

但这样概括思源字体的贡献就显得过于狭隘了。如上所述,思源字体是四种字体的字体,这意味着思源可以完美地显示同一个汉字在不同语言中的变体,让四个地区的人都不会觉得奇怪。

思源字体还支持七种字重,这在汉字字体史上极为罕见。在思源字体之前,大多数中文字体只有两种粗细(常规、粗体),而微软雅黑则有三种粗细(细体、常规、粗体)。苹果后来发布的“苹果”字体支持六种粗细,没有思源字体丰富。

此外,Adobe Typekit服务还允许您在网站上免费使用思源系列字体,尽管免费套餐有一定的流量限制。

与macOS系统中内置的宋体相比,思源宋体不仅字重更丰富,而且字体更大,可读性也稍好。 Windows中内置的宋体直接被淘汰了。与思源恒体等非衬线字体相比,思源宋体更适合正式文档,感觉更庄重。

需要指出的是,由于思源字体是由Google和Adobe联合开发发布的,虽然中文名称相同,但没有统一的英文名称。 Google已将思源字体归入其Noto字体家族,因此思源汉字体的名称为Noto Sans CJK,思源宋字体的名称为Noto Serif CJK; Adobe已将思源字体归入其Source字体家族,因此思源汉字体的名称为Source Han Sans。 ,宋思源的名字是源汉衬线。稍后将解释其影响。

思源字体还内置了西班牙语,其西班牙语部分采用Adobe Source家族字体,即集成Source Sans Pro的思源黑河和集成Source Serif的思源宋体。无论是Google发布的版本还是Adobe发布的版本都是如此。

如何正确使用

下载页面:GitHub、谷歌

本地使用

Adobe提供多语言,中文部分如下图

如果您已经升级到Windows 10 Creators Update,也可以直接下载Super OTC版本。下载对应版本后即可安装。

在 Windows 10 上,双击打开字体并选择安装。在Windows 8及以前的版本中,您需要打开控制面板-外观和个性化-字体并将下载的字体拖入其中。

在 macOS 上,双击打开字体并选择安装。

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

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

上文提到有根字体免费下载,思源字体的西文部分使用的是 Adob​​e Source 系列字体,因此如果想要与 Noto 字体家族一起使用有根字体免费下载,则需要显式声明西文部分使用 Noto 字体。

用于网页

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

在网页中使用中文字体一直是个难题。主要原因是中文字体往往太大。西文字体一般在百KB左右就可以解决,而中文字体则可以从几MB到几百MB不等。这会严重减慢网站的加载速度。也许正是因为这个原因,Google Font 不托管思源字体。

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

您可以按照Adobe官方说明创建帐户、向工具包添加字体以及向页面添加相应的JavaScript脚本。 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后面紧接着添加一个西文字体,可以替换思源字体内置的西文字体;在结尾衬线之前添加中文字体可以添加后备字体,但通常没有必要。

我的用法

我的博客标题使用的是思源宋体,字重为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等),那就下载思源海蒂吧。如果思源Helvetica下载失败,会回退为系统默认的无衬线字体。

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

这种用法同时考虑了样式和加载速度。

作者注:本文首次发表于我的博客 Septillion's Blog。该文章已被修改以包含与少数族裔相关的链接。

2017-4-6更新:修改常州中文及字符集的描述,感谢Erif LIU的更正。更新 Windows 10 Creators Update 以使用 Super OTC,感谢 NovaDNG 的修正。