Google Fonts 推出「思源黑体」中文网页字型,改善网页文字显示效果

Google Fonts 推出「思源黑体」中文网页字型,改善网页文字显示效果

(Copyright: horsager / 123RF Stock Photo

思源黑体是 Adobe 和 Google 共同开发的开放原始码字型,发布时就已支援繁体中文、简体中文、日文及韩文,因此深受许多使用者喜爱(尤其中文字型在製作难度上很高,除了付费项目外几乎没有更多选择),其开源特性使更多字型同好得以就细部进行调整,重新设计出更不一样的字型,例如:思源真黑体思源柔黑体等等。

一直以来,我都很期待 Google Fonts 将思源黑体的中文字型部分加入,让网页开发者可以直接于网页上套用中文字型,而这项计划近期也已经上线!如果你觉得网站中文字型太过单调,可考虑使用「思源黑体」取代预设字型。

若你还有印象,先前我曾经介绍过「为网站载入 Typekit 思源黑体中文网页字型,提升文字显示质感」,不过碍于 Typekit 定价策略,每月仅有 25,000 次的浏览次数额度,虽然对于一般的个人网誌或小型网站来说相当充裕,但如果需要更多配额就必须付费使用。

Google Fonts 本身不会对流量或次数额度有所限制,且无须注册或下载档案,只要依照服务提供的字型 CSS 程式码,套入自己的网站后稍作调整即可使用,非常简单!以下我会教你如何找到 Google Fonts 提供的思源黑体(除了繁体中文外,亦有简体中文、日文和韩文等各种版本),当然你也需要有一个可以更新 CSS 或程式码的网站、部落格才能使用。

网站名称:Google Fonts: Early Access网站链结:https://www.google.com/fonts/earlyaccess

使用教学

STEP 1

目前「思源黑体」中文网页字型部分仅开放于 Google Fonts: Early Access 页面,什幺是 Early Access 呢?简单来说,你可以把它想像成是测试版,在 Early Access 的字型还没有被正式加入到 Google Fonts 前,透过这项机制先收集使用者的意见回馈。

开启 Google Fonts: Early Access 页面,找到 Noto Sans TC(Chinese Traditional),就能看到网站提供的程式码,使用方法很简单,只要把 Google Fonts 提供的那段 CSS 程式码放入网站的 <head>,修改 CSS 来加入「Noto Sans TC」就能载入网页字型。

Google Fonts 推出「思源黑体」中文网页字型,改善网页文字显示效果

从网站介绍可以得知,Noto Sans TC 涵盖常用的 7,800 个繁体中文字元,以及 223 个额外字元来符合台湾的 CNS 11643 P1 和常用国字标準字体表。

STEP 2

若你擅于 CSS 的话,也可以把 Noto Sans TC 的 CSS 部分直接取出,置入自己网站或部落格原有的 CSS 档,也有一样的效果(同时减少档案 request)。

Google Fonts 推出「思源黑体」中文网页字型,改善网页文字显示效果

STEP 3

顺带一提,Google Fonts: Early Access 还有提供其他的中文网页字型免费使用,不过比思源黑体还要早出现,包括 cwTeXFangSong(仿宋体)、cwTeXHei(黑体)、cwTeXMing(明体)、cwTeXYen(圆体)和cwTeXKai(楷体)五种,有兴趣的朋友可以研究一下。

这五套字型是由 cwTex 排版系统而来,开发者为吴聪敏、吴聪慧、翁鸿翎。

Google Fonts 推出「思源黑体」中文网页字型,改善网页文字显示效果

延伸阅读:

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

取消

我们发现您正在使用 AdBlock Plus 或者其他 ABP 类软件屏蔽了广告。本站没有任何互动、动画、讨厌的声音或弹出广告,我们不做这些讨厌的类型的广告!请把 ddmf.net 加入到你的AdBlock Plus软件白名单,万分感谢!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by 江南品味,分享从这里开始,精彩与您同在