font-family
font-family属于前端css属性中最基础的一个属性,用来定义字体名称。下面是一个比较典型的例子。
font-family: Helvetica, ''PingFangSC'', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
font-family规定元素的字体系列,可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。
在实际的工作中,用户的电脑一般是PC和Mac,但是这两个平台的屏幕材质、渲染方式都不一样,所以使用的默认字体也是不一样的。PC默认使用微软雅黑,而Mac默认使用苹方。
当我们打开一个网站,浏览器会读取font-family中的字体名称,并去检索用户电脑系统中的字体,如果有的话就显示,没有的话检索下一个。
所以,虽然前端代码中写了微软雅黑,但仅仅是一种调用方法,你的电脑中有就显示,没有就显示其他字体,和版权是没有任何关系的。因为它仅仅是调用了终端用户自身系统中已经存在的字体用来屏幕输出显示,这不需要任何额外的授权许可。
以后前端再问你字体如何使用,就可以说根据Mac和PC平台不一样,调用不用的字体以便在对应平台显示最好的效果。
但是有个特例,如果把PC官网中某个含有微软雅黑字体的页面截图,当成商用宣传图,那么这其实就属于侵权了,方正是有理由告的。
@font-face
@font-face属于css中另一个字体调用方法。和font-family默认调用电脑字体不同,@font-face是把自己定义的Web字体嵌入到网页中。
事实上,例如 'Microsoft Yahei', Arial, sans-serif等字体都属于安全字体,即正常电脑都会默认安装的,所以前端可以直接调用。
但是如果网页需要使用到特殊的字体,并且不想用图片代替,就可以使用@font-face方法。比如下面的结构。
- @font-face {
- font-family: <YourWebFontName>;
- src: <source> [<format>][,<source> [<format>]]*;
- [font-weight: <weight>];
- [font-style: <style>];
- }
复制代码
font-family表示自定义的字体名称。
src表示自定义的字体的存放路径。
font-weight和font-style属于css字体中的两个基本属性,分别代表加粗和字体样式。
所以,既然要调用字体文件了,那么如果我们使用了微软雅黑,其实就属于侵权。因为你要把微软雅黑下载后放入到自己服务器中使用,这个行为在方正的侵权行为描述中有介绍:
在未获得版权人书面授权的情况下,下列使用方式都是侵权行为:
a、将“微软雅黑字库”从 Windows 系统中复制出来,安装到苹果机或其它系统中使用;
b、把“微软雅黑字库”作为设计元素,将其中的字符以图形的形式应用到设计案中向公众作如下形式(包括但不限于)的发布:将字库字体直接、格式转换或修改后用于企业名称、商标、标识;企业宣传册;产品包装、附加标牌;产品说明书;发布卖场海报、平面广告、电视广告、户外广告、网络广告;企业自有网站;音像制品、展览、展示中。
因此@font-face引用方式是会侵权的。
当然了,如果公司购买过其他字体,是可以用@font-face来引入使用的。
|