草 稿

Source Han Sans 与 Noto Sans 的区别

昨天原本是想写一下「思源黑体各命名方式的字重对应」, 但经过了解 (感谢好友 Ryan 的提醒),Source Han Sans 与 Noto Sans 不仅是名字与字重命名方式不同, 连字重数据也有区别。

 

在这里先给大家道歉, 希望没有被我误导到。

 

下方的轻单项就是具体数据。

 

但其实非常奇怪,在 Photoshop 中,两款字体按照字重从小到大对比的话粗细是一模一样的,而浏览器 (Chrome/Safari)却不认,甚至 Noto Sans 不论怎么指定 Font Weight 都不会改变。

 

所以想要通过一段完善的 CSS 来指定这款字体的不同命名方式几乎是不可能的 (起码连字重数据都不一样), 想要用这款字体的朋友, 用 Source Han Sans 吧。

  1. 命名区别

    以简体中文为例, 括号内表示出处。

     

    Source Han Sans CN (Adobe @ TypeKit) 对应 Source Han Sans SC (Adobe @ GitHub)

    Noto Sans CJK SC (Google Noto Fonts) 对应 Noto Sans S Chinese (猜测是 Google Noto Fonts 改名前)

  2. 字重区别

    Source Han Sans Light (200) - Noto Sans Light (300)

    Source Han Sans Normal (300) - Noto Sans DemiLight (350)

    Source Han Sans Regular (400) - Noto Sans Regular (400)

    Source Han Sans Medium (500) - Noto Sans Medium (500)

    Source Han Sans Bold (700) - Noto Sans Bold (700)

    Source Han Sans Heavy (900) - Noto Sans Black (900)

  3. 数据来源

    Source Han Sans: http://en.wikipedia.org/wiki/Source_Han_Sans

    Noto Sans: http://zh.wikipedia.org/wiki/Noto & https://www.google.com/get/noto/#/family/noto-sans-hans

赞了此轻单

评论(0