大客户注意:网站使用“微软雅黑”字体也会设计版权问题

网站用到中文字体的地方很多,比如网站的Banner头图,文章标题和正文,网站和中文字体是分不开的。

“微软雅黑”字体是Windows电脑自带的字体。“微软雅黑”字体属于方正字库,方正授权微软只能用于电脑显示,拿出来商用需要得到方正授权。

网站使用字体的授权费,方正公司不会跟建站公司收取,而是会向网站主(网站所有者)收取,一款字体每年价格是1万起步。

网站上使用“微软雅黑”字体有三种形式:

1. 图片中使用“微软雅黑”字体,比如网站头图;

2. 网站CSS用font-family声明网站使用“微软雅黑”字体,比如文章标题和正文;

3. 网站通过font-face引用“微软雅黑”,这种方式不常见。

三种形式只有一种不会设计侵权

第一种情况,图片上使用“微软雅黑”字体,肯定涉及版权问题。

第二种情况,网站代码只了CSS声明,“微软雅黑”字体的文件是用户的客户端提供的,如果客户端电脑有“微软雅黑”字体,就会显示“微软雅黑”样式,如果客户端电脑用了是Windows XP系统,或者英文操作系统没有“微软雅黑”字体,那么会显示宋体。这种方式不会涉及到版权问题。

第三种情况,这种方式相当于把“微软雅黑”字体文件上传到网站服务器,它会在需要的时候下载到客户端电脑,即便是WinXP客户端观看网页,或者没有“微软雅黑”字体的英文操作系统,网页依然会显示“微软雅黑”字体样式,这种方式会涉及版权问题。

下一节分享《哪些中文字体可以免费商用》

Windows XP、ClearType 和微软雅黑字体的那点事

前言

多年以来,中文网页设计师一直处于一种 “字体匮乏” 的窘境之中。

这是因为从中文 Windows 的第一个版本 3.2 开始,在相当长的一段时期内,系统自带的中文字体就仅仅局限于苍白单调的 “宋黑仿楷”。加上长期以来 Windows 在字体渲染技术方面的严重缺失,使得设计师在为中文网页选择正文字体时,基本上就只有中易宋体的点阵形态这唯一的选择。

直到 Vista 携微软雅黑字体横空出世,中文网页设计师才仿佛看到了世界的曙光。

微软雅黑脱胎于方正集团旗下的新锐字体 “兰亭黑” 家族,不仅字体的间架结构针对屏幕阅读场景进行改造,同时还针对液晶屏幕下小字号的显示效果进行逐字的笔划微调工作(hinting),以保证最终为用户呈现出清晰、平滑、易于阅读的显示效果。

因此,微软雅黑一经推出,便在中文网页设计界引发不小的震动。网页设计师和前端工程师们不禁打起它的主意——如何将微软雅黑字体广泛、安全地应用到网页设计中去?或者说,微软雅黑字体的普及率究竟如何?

微软雅黑在 XP 中的安装率

微软雅黑是 Vista 及更高版本 Windows 的标配字体,但不是 XP 的标配字体。XP 的任何一个 SP 或更新包都没有(将来也不太可能)包含它。

XP 系统上的微软雅黑字体,通常有两种来源:

用户主动下载安装。安装 Office 2007 以上版本时自动获得。

由此可见,稍微“高端”一些的 XP 用户都有可能安装了微软雅黑字体,但 具体比率不详。

对此,我的建议是:

考虑这个比率不如考虑目标受众群的划分和取舍。在一定程度上考虑好无雅黑情况下的平稳退化。

微软雅黑与 ClearType

ClearType 是微软开发的 次像素字体渲染 技术,这项技术的本质是充分利用液晶显示屏单颗像素内的 RGB 三基色的次像素(sub-pixel,也称作 “亚像素” 或 “子像素”)、独立控制每颗次像素的明暗度,在次像素的级别进行字体的渲染和显示,从而令字体在水平方向上的渲染分辨率达到了原来的三倍。

微软雅黑字体只有在使用 ClearType 技术进行渲染时,才会达到最佳视觉效果。下面的图片展示了不同情况下微软雅黑字体的渲染效果:

已启用 ClearType 渲染方式已启用传统的字体平滑渲染方式未启用任何字体平滑技术

从 Vista 开始,Windows 系统默认开启 ClearType 特性。但 Windows XP 是否支持 ClearType 字体渲染模式呢?

ClearType 在 XP 中的启用率

Windows XP 原生支持 ClearType,但可能是出于对性能的考虑,默认是关闭状态。用户可以通过以下步骤在 XP 中启用 ClearType:

控制面板 → 显示 → 外观 → 效果 → 使用下列方式使屏幕字体的边缘平滑:清晰

XP 用户还可以通过安装微软提供的 ClearType 设置工具(ClearType Tuner PowerToy)来获得对 ClearType 效果的更多控制。

(图片来源:Microsoft.com)

那么,在 XP 中手动打开 ClearType 的用户比率有多少?这个数字恐怕不是很乐观。但是幸运的是,IE 7.0 及以上版本都是在自身视口内强制开启 ClearType 的(哪怕你用的不是液晶显示器)。

而 XP 下的非 IE 用户呢?或许你可以假设他们都比较 “高端”,已经给自己的 XP 手动开启 ClearType 了。

结语

在国内,Windows XP 操作系统目前仍然拥有不可忽视的用户数量。如果要在网页中使用微软雅黑作为主力字体,我们不得不考虑 XP 环境下所存在的一些不确定因素。

那么,我们有没有可能对 XP 用户的这些情况进行针对性的探测和统计,以便根据数据来做决策呢?

对于用户的 ClearType 设置情况,网页中的 JavaScript 脚本无法获取。而对于用户是否安装了微软雅黑字体,实际上是有探测方法的,有兴趣的朋友请继续关注后续文章。

希望本文能帮助到您!

点赞+转发,让更多的人也能看到这篇内容(收藏不点赞,都是耍流氓-_-)

关注 {我},享受文章首发体验!

每周重点攻克一个前端技术难点。更多精彩前端内容私信 我 回复“教程”

原文链接:https://github.com/cssmagic/blog/issues/15

相关问答

字体求助,微软雅黑系列的字体有哪些?-ZOL问答

你所说微软雅黑系列,我理解有两个可能。1、可能是“微软”系列字体,例如:微软仿宋、微软综艺等……2、可能是类似于雅黑的字体,例如细黑、粗黑等……微软雅黑...

vue开发app时的默认字体?

Vue开发APP时的默认字体是由所使用的操作系统和设备决定的,通常是系统默认字体。在Vue中,可以通过CSS样式来控制字体的样式和大小。建议开发者使用WebSafeFo...

微信小程序怎样设置字体为微软雅黑-ZOL问答

淘宝的编辑框是支持微软雅黑字体的,您看下代码是不是写错了,建议用英文font-family:microsoftyahei这种代码微信排版字体都是统一的,只能调整字号大小、加粗...

如何在这段文字滚动代码中加上字体设置?要求,字体为微软雅黑,字号为18,谢谢?

1、首先要了解css中是如何控制字体的。font:在一个声明中设置所有字体属性;font有以下几个属性:font-style:字体样式font-variant:字体异体font-weight...

怎么彻底卸载微软雅黑字体?-ZOL问答

彻底卸载微软雅黑字体的步骤(以WIN7为例):1、打开桌面上的计算机,在地址栏上输入c:\windows\fonts,按回车键;2、选择微软雅黑字体,点删除。您只是下载了,有没...

微软雅黑字体和雅黑宋体不同在那里??-ZOL问答

雅黑宋体是碧海潮声根据最新雅黑6.01制作的不撑大对话框的字体,分为等宽(兼容性好更好些)和不等宽(更美观些)两种另外还有含点阵的(适用于GDI+)。还分为替换...

老师你好,开票期系统里面显示缺少微软雅黑等字体,请从新安...

[回答]就是自己安装一下这个字体才能用,可以让客服帮你看看95113

怎么卸载微软雅黑字体,还原为原本的宋体?-ZOL问答

开始-设置-控制面板-字体文件夹中...找到微软雅黑(在文件夹中输入首字母就可找到,若是中文都在下面)右键删除就可以解决...能卸载到C:\Windows\Fonts里删除...

求苹果丽黑字体-ZOL问答

苹果俪黑的英文字体是Myriad这是一款非常特别以及及其好看的字体PS完整版会自带也可以上网下中文……网上的都是仿制的,字形不规范不推荐但苹果雪豹的系...

PS里头的微软雅黑字体,有锐利,浑厚,平滑,可是无论我怎样调,...

ps本身是一款位图软件,他的所有输出都是基于像素的,如果您想要达到字体真正清楚...可以通过stylish写样式来显示雅黑图的像素本身太低了吧?这不是挺清楚的吗?...