字体侵权避坑指南

发表于 分类于 / Changyan：

来源

本文摘录自：https://www.uisdc.com/avoiding-pits-in-font-copyright

初始设定：字体，微软雅黑。

场景设定：因产品需要，客户希望在 windows 的客户端查看网站都能够和设计稿保持一致用微软雅黑。项目组给了两种前端解决方案：

  • 在 css 样式文件中：引用字体样式为微软雅黑。
  • 在网站样式文件中，打包微软雅黑字体，客户打开网站会预加载微软雅黑字体。

请问两种解决方案应该用哪一个？

案例分析：

应使用第一种方案，因为第一种方案，我们只是设定了如果载体有安装微软雅黑的字体的客户端，那网站显示字体，这个字体授权的控制单位在客户端那里。如果用第二种方案，我们预置了，不管任何客户端都加载微软雅黑字体，除非客户已经购买了微软雅黑所属的方正公司授权商用，否则即判定为字体侵权。

1
2
3
4
5
font-family: '微软雅黑';
@font-face {
  font-family: 'MyFont'; /* 字体名称 */
  src: url('微软雅黑.ttf'); /*字体源文件*/
}

字体侵权情况

1 图片或视频中使用了版权字体。

  1. 网站本身引入了字体库文件（直接将整个字体库加载了，也就是说如果浏览者没有这个字体，则会下载这种）