提醒:网站使用微软雅黑字体的三种方式,两种侵权,一种不侵权。

大家都知道微软雅黑是windows系统的默认字体,但是不知道微软雅黑的版权归属方正字体,而且方正字体仅仅授权了微软在windows系统中使用该字体,脱离了windows使用,那是极易中招的,网页字体使用是前端开发的工作之一,贝格前端工场带领大家看看如何正确使用微软雅黑字体。

一、微软雅黑字体、方正字体、 windows系统三者之间的关系

方正字体是由中国的方正字库公司开发的字体,它是一种常用的中文字体。在Windows系统中,更名为微软雅黑,通常是预装的,用户可以直接在系统中使用这些字体。

该字体版权归微软和方正共同所有,坊间传闻是方正授权微软在windows中只用,windows意外未授权。

二、网站使用微软雅黑字体的三种方式

1、声明式使用

在网页前端中使用微软雅黑字体可以通过CSS来实现。你可以在CSS文件中使用以下代码来指定字体:

复制代码
body {
  font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
}

这将会把网页中的文本内容设置为微软雅黑字体。如果用户的系统中没有微软雅黑字体,那么会自动回退到sans-serif字体,确保内容的可读性

2、下载式使用

如果你想在网页中使用自定义的微软雅黑字体文件,你需要将字体文件上传到服务器上,并在网页中引用这些字体文件。以下是具体的步骤:

  1. 将微软雅黑字体文件上传到服务器的特定目录下,例如/fonts文件夹。

  2. 在网页的CSS文件中,使用@font-face规则来引用这些字体文件。例如:

    @font-face {
    font-family: 'MyCustomYaHei';
    src: url('/fonts/MyCustomYaHei.ttf') format('truetype');
    }

这个例子中,我们假设你的微软雅黑字体文件名为MyCustomYaHei.ttf,放在/fonts文件夹下。

  1. 然后,你可以在网页的其他CSS样式中使用这个自定义的微软雅黑字体:

    body {
    font-family: 'MyCustomYaHei', '微软雅黑', sans-serif;
    }

这样就可以在网页中使用你上传到服务器的微软雅黑字体文件了。

3、图片式使用

将文字和图片合层,输出一张图片,放在网站上。

三、哪种方式不侵权

声明式使用:这种方式不侵权,使用的是电脑本地字体。

下载式使用:这种方式侵权,字体脱离了windows系统。

图片式使用:这种方式侵权,字体脱离了windows系统。

四、侵权了如何赔偿、哪些字体可以商用

这些大家自行搜索,用很多案例可供借鉴。

商用字体有N多,下期为你解答。

相关推荐
Predestination王瀞潞11 小时前
4.3.1 存储->微软文件系统标准(微软,自有技术标准):exFAT(Extended File Allocation Table)扩展文件分配表系统
linux·运维·microsoft·exfat·ex4
视***间12 小时前
2026:AI算力元年的加冕与思辨
人工智能·microsoft·机器人·边缘计算·智能硬件·视程空间
Predestination王瀞潞12 小时前
4.3.3 存储->微软文件系统标准(微软,自有技术标准):VFAT(Virtual File Allocation Table)虚拟文件分配表系统
linux·microsoft·vfat
ZWZhangYu15 小时前
【Gradio系列】Blocks布局
microsoft
一个儒雅随和的男子15 小时前
复杂业务的解决之道,如何使用“中介者模式(Mediator Pattern)”解决复杂业务场景
microsoft·中介者模式
Predestination王瀞潞17 小时前
4.3.2 存储->微软文件系统标准(微软,自有技术标准):NTFS(New Technology File System)新技术文件系统
linux·microsoft·ntfs
柯儿的天空17 小时前
WebGPU全面解析:新一代Web图形与计算API
前端·chrome·microsoft·前端框架·chrome devtools·view design
符哥20081 天前
Firebase quickstart-android 各模块功能深度补充详解
microsoft
Sharewinfo_BJ2 天前
拒绝“盲人摸象”!打破数据孤岛,重塑零售决策力
microsoft·零售
Azure DevOps2 天前
Azure DevOps:应用远程MCP服务器,提升工作效率
服务器·microsoft·flask·azure·devops