导航:首页 > 万维百科 > 思源黑体适合网页设计吗

思源黑体适合网页设计吗

发布时间:2020-10-15 03:31:06

1、为什么思源黑体应用在网页或者word里很难看

思源黑体用的是OTF格式,这个是自带渲染的。

但是,这种渲染效果不适合低分辨率的屏幕。

除非你的电脑跟手机屏一样高清,否则不只是思源黑体,很多字体都很难看。

苹果电脑好一点,就是因为它有自己的字体渲染方式。

微软没有采用这套渲染方式,因为理念不一样。

微软想要锐丽的效果,而苹果追求平滑。

PC上显示效果好的字体,如微软雅黑,那都是人工加了hint的。

这个说了你也未必理解。


给你打个比方说吧:

字体设计好比一部色彩绚丽的动画片。

这样的动画片适合用彩色屏幕来展示。

如果用在黑白屏幕上,表现可能就比一部黑白动画片还烂。

解决办法有两种:

升级屏幕。将所有黑白屏变成彩色屏。

将原来的彩色动画,变成黑白后,重新调整色彩对比。

设计师很讨厌后一种解决方式。


放在字体上,在低端屏上显示,就是要使用hint技术。

就是对每个字体的不同字号进行微调。


这是原生的思源黑体在PC上的显示效果(1366*768)

 其实,这不是字体本身的问题,而是PC电脑生产商在分辨率方面不思进取,好几年都没怎么提升下分辨率。同样的字体,你在高清手机上,或者视网膜分辨率的IPAD上,那显示效果跟PC上高不知多少倍。确实不是字体本身的问题。

2. 那么为什么微软雅黑显示效果就不错呢?

因为雅黑是专门做了hint优化的。你看雅黑的造价就知道了,平均下来1个字100美元。

每个字都需要人工加以微调。这是项十分细碎的活。

但是,这种事情跟字体设计本身没有关系。微调的时间比设计的时间还要多几倍,字体设计厂商实在不愿意做这种机械式的工作。


我给你看一下思源黑体经过hint后的效果。这是我自己用一位大神的工具hint过后的效果


hint技术是非常机械的工具,设计师很痛恨这工作。

特别是汉字字体设计。

英语字体就那么几十个字母,就算要微调,也就做几十字字符而已。

而汉字字体一般都有几千个。光这件事可能就要花费一个字体公司几年的功夫才做出来。

雅黑字体现在用得地方很多,就是因为它的显示效果是专门做了hint优化的,适合很多低端屏幕,造价也非常贵,平均下来1个字100美元。


同一个字体,你换个视网幕屏看看,那效果就截然不同。

或者,有些字体在你电脑上很难看,可你打印出来,效果就非常好。

这完全就是屏幕关系。


当然,也有自己hint的办法,但是非常复杂,不适合一般用户。如我上面给你展示的思源黑体。

2、关于思源黑体版权问题?

查一下Wiki,对思源黑体词条描述有:
“思源黑体(英语:Source Han Sans)是Adobe与Google所领导开发的开源字体家族,1.001及更早版本以Apache 2.0许可证授权,而1.002及更新版本则使用SIL开源字体授权,属于无衬线黑体。”

所以关键词是【SIL开源字体授权】,它的意思:
SIL开源字体授权(英语:SIL Open Font License)是一种自由、开源的字体许可协议。它由美国国际语言暑期学院开发出来,首先使用于学院所发布的一些Unicode字体里。
与GPL相比,采用本许可协议发布的字体,若要发售则必需要与其他软件同捆发布,不可只单纯贩售此字体(not sold by themselves)。所以若想贩售,必得搭配其他产品,例如其他字体、软件等。然而,只要简单的hello world程序,即可符合要求。至于免费发布,则不受此限。因此本许可协议获这自由软件基金会判定,符合自由软件的定义。但须注意,它与GNU通用公共许可协议并不兼容。

简而言之,只要不是再单独打包贩售,基本不会有什么问题,所以在网页上可以免费使用。

貌似没有专门查字体版权的网站,但你可以搜索免费开源字体,有人做过整理,在此以外多数需要商业授权的,但具体还是看字体公司的具体说明,这边直接去字体公司网站咨询就行了。

3、为什么思源黑体应用在网页或者word里很难看

如果你是要在Microsoft Word里面使用的话:
请使用Adobe藉由GitHub发行的「Language-specific Subset OpenType/CFF (OTF)」当中的简体中文版回本:
source-han-sans/OTF/SimplifiedChinese at release ·答 adobe-fonts/source-han-sans · GitHub

关于GitHub发行封装的说明请参见我的另一篇答案:
思源黑体 (Source Han Sans) 的各个版本有什么不同?

至于「难看」则是ClearType本身的劣根性所致。
给你看看思源黑体在Mac版Chrome下的预设渲染效果:
(我用的是图中的【4】──「SourceHanSansTC」)

与思源黑体适合网页设计吗相关的知识