字体在网站中的版权问题

在使用字体的时候，我们经常会问，这个字体是否有版权保护？我能否使用这个字体？如何避免侵权？带着这些疑问，我们来简单讲讲字体在网站中的版权问题。

网站字体

网站字体指网站内除了图片外的所有字体，比如你现在正读着的正文、标题等字体。

1、字体的来源：
1.通过浏览器获取用户（电脑、手机）系统中的字体来渲染。
2.通过浏览器获取（远程）服务器的字体缓存到本地进行字体渲染。

2、字体的实现：
1.通过CSS样式直接声明字体：

body{
  font-family: Helvetica Neue,PingFang SC,
Microsoft YaHei, Source Han Sans SC,Noto Sans CJK SC,sans-serif;
 }
// 网页渲染时，浏览器会通过上面所定义的字体，
// 按顺序检索系统是否有该字体，有就用该字体渲染，没有就继续检索，
// 如果一直检索不到，浏览器会自动渲染宋体（SimSun）。

2.通过CSS样式嵌入字体：

@font-face {
  font-family: "fontname";
  src: url('fonts/fontname.eot);
  src: url('fonts/fontname.eot) format('embedded-opentype'),
  url('fonts/fontname.ttf) format('truetype'), 
  url('fonts/fontname.svg) format('svg'); 
}

3、字体的版权
1.通过CSS直接声明的字体，会通过浏览器从用户的电脑中获取，该字体的版权已经并购在电脑里，属操作系统所有。网站在使用字体时，只是对字体做了声明，告诉浏览器该用系统中的哪种字体来渲染网页，不涉及侵权。
2.通过CSS样式@font-face嵌入网站的字体，除了可商用字体（如思源黑体）不涉及版权外，其他字体均涉及版权问题。即使是用户系统中已有的字体，例如“微软雅黑”。
为什么涉及版权问题？因为网站嵌入字体，是将字体包（如微软雅黑.ttf）放在项目文件里，再被CSS样式声明和使用，这涉及到该网站是否有这个字体包的版权。

图片字体

图片字体指网站内所有的图片资源里的字体，包括banner、商品详情图等里面的字体。

1、图片的来源
1.网站自身提供。
2.用户自己上传。

2、图片的字体
1.设计过的字体，如banner里、海报里的艺术字。
2.非设计过的字体，一般是图片的描述性文字，如图片里的标题、正文等。
注：非设计字体，指没被二次处理过的字体。

3、图片字体的版权
除了图片内使用的可商用字体外，其他非设计过的字体都涉及版权问题，会根据图片的来源追溯网站或用户的版权。

注：本文原创，转载请注明出处。