在网站设计过程中,经常有客户要求要使用特殊的字体,但是又担心字体的版权问题。经常也有客户会问,这个字体是否有版权问题,我能否使用这个字体?如何避免侵权?随着知识产权相关法律的完善和版权保护意识的提升,关于字体侵权的纠纷时有发生。带着这些疑问,我们来简单讲讲字体在网站中的版权问题。
1、字体的来源:
1.通过浏览器获取用户(电脑、手机)系统中的字体来渲染。
2.通过浏览器获取(远程)服务器的字体缓存到本地进行字体渲染。
3.图片方式
2、字体的实现:
1.通过CSS样式直接声明字体:
body{
font-family: Helvetica Neue,PingFang SC,
Microsoft YaHei, Source Han Sans SC,Noto Sans CJK SC,sans-serif;
}
// 网页渲染时,浏览器会通过上面所定义的字体,
// 按顺序检索系统是否有该字体,有就用该字体渲染,没有就继续检索,
// 如果一直检索不到,浏览器会自动渲染宋体(SimSun)。
通过CSS直接声明的字体,会通过浏览器从用户的电脑中获取,该字体的版权已经并购在电脑里,属操作系统所有。网站在使用字体时,只是对字体做了声明,告诉浏览器该用系统中的哪种字体来渲染网页,不涉及侵权。
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'); }
通过CSS样式@font-face嵌入网站的字体,除了可商用字体(如思源黑体)不涉及版权外,其他字体均涉及版权问题。即使是用户系统中已有的字体,例如“微软雅黑”。
为什么涉及版权问题?因为网站嵌入字体,是将字体包(如微软雅黑.ttf)放在项目文件里,再被CSS样式声明和使用,这涉及到该网站是否有这个字体包的版权。
3.图片方式
图片字体指网站内所有的图片资源里的字体,包括banner、商品详情图等里面的字体。这是目前最为常用的字体侵权方式,网页设计师通过作图软件,直接将版权文字设计在图片上并保存下来。很多网站首页首屏就是大图,大图上历历在目这些文字,显而易见就能被抓住。
(1)图片的来源
1.网站自身提供。
2.用户自己上传。
(2)图片的字体
1.设计过的字体,如banner里、海报里的艺术字。
2.非设计过的字体,一般是图片的描述性文字,如图片里的标题、正文等。
注:非设计字体,指没被二次处理过的字体。
(3)图片字体的版权
除了图片内使用的可商用字体外,其他非设计过的字体都涉及版权问题,会根据图片的来源追溯网站或用户的版权。
3、字体的版权
我们必须要搞清楚哪些字体是可以免版权可商用的,哪些字体必须付费购买版权。像大家熟悉的微软雅黑字体,方正系列字体,Arial英文字体这些都是需要额外购买版权才能使用的。推荐大家使用思源黑体、思源宋体,他们是由Google与Adobe联合制作的开源字体,非常美观非常漂亮,关键是可以用于商业用途,而且完全免费使用,无需授权。当然,如果在设计上有更多元的创意需求,也可以找一些其他的免版权字体,部分站酷字体也是免版权可商用的,大家也可以通过网络细心的找一找。
4、版权规避:
(1)使用免费字体。
(2)购买正版字体。
(3)自创或修改他人字体,达到与原字体有一定区分(一般30%以上)。
免费字体:
(1)国家免费字体:宋体、仿宋、黑体、楷书、幼圆、隶书。
(2)方正免费字体:方正书宋、方正仿宋、方正黑体、方正楷体。
(3)思源免费字体:思源宋体、思源黑体、思源柔黑体、思源真黑体。
(4)文鼎免费字体:文鼎细上海宋、文鼎简报宋、文鼎中楷、文鼎简中楷。
(5)阿里巴巴普惠体。
最后,给大家一个建议:在图片上如果需要使用文字,请使用思源黑体、思源宋体这些免版权可商用的字体;在网站代码(HTML)内使用的文字,请通过CSS的@font-family命令来显示网站字体。这个时候你调用微软雅黑也好,Arial英文字体也罢,都是直接从访问者的访问设备上调取字库文件的,而访问设备上的字库文件是访问者自己的操作系统自带的字体或则自行下载的行为,你的网站不会为此构成侵权行为。