欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

Mac和Windows访问网页时整个网页都显示微软雅黑字体 做到这个css文件要怎么写?

程序员文章站 2022-04-17 16:45:48
...
mac和Windows访问网页时整个网页都显示微软雅黑字体 做到这个css文件要怎么写?

原来我是这么写的:

body {
    font-family: "Microsoft YaHei";
}

但是用mac访问的时候 网页却没有显示微软雅黑字体,可能是mac没有内置微软雅黑字体。
如果我想让mac用户访问网页的时候也能显示微软雅黑字体。
这个css文件要怎么写。

我有个想法但不知道要怎么写,如果Windows访问直接用上面的代码;mac用户访问调用一个微软雅黑字体文件的链接。求大神帮忙写一下!!感激不尽!!

回复内容:

mac和Windows访问网页时整个网页都显示微软雅黑字体 做到这个css文件要怎么写?

原来我是这么写的:

body {
    font-family: "Microsoft YaHei";
}

但是用mac访问的时候 网页却没有显示微软雅黑字体,可能是mac没有内置微软雅黑字体。
如果我想让mac用户访问网页的时候也能显示微软雅黑字体。
这个css文件要怎么写。

我有个想法但不知道要怎么写,如果Windows访问直接用上面的代码;mac用户访问调用一个微软雅黑字体文件的链接。求大神帮忙写一下!!感激不尽!!

1.使用CSS远程字体,可以使用服务器上的字体,也可以使用cdn提供的网络字体。
2.多数文本使用苹果上的相似字体,又特别要求的部分用图片代替。

注1: 淘宝就是使用了远程字体以保证他后台编辑器上面的字体跨平台可用。如果题主选择这个方法,最好使用cdn方式,那样加载速度更快。

注2: 雅黑在苹果上的表现并不好,普通文本,尤其是大段大段的内容,真不如苹果自己提供的丽黑,苹黑等非衬线字体,反正大段文字主要看行间距。二来,对排版有要求的部分,不论你用什么字体,在浏览器的渲染下都不会达到美观的效果,尤其是雅黑的小字号和粗体字都怪怪的。

使用@font-face调用网络字体
https://www.qianduan.net/css3...

如果你是中文网站,最好建议别搞字库,一个中文字库,得多大,开个网页还得加载中文字库,这就是自虐行为,如果是英文站,可以考虑加载自己的字库@font-face,

苹果的字体已经挺好的了,你可以就苹果的选择一个默认字体(你喜欢的),win下的用雅黑,然后字体可以并列写上去,最适合系统的字体才是好效果啊,强行mac下微软雅黑,并不好看

另外,微软下的字体有版权的,不太好引入web在线字体的,非WIN系统下你用微软雅黑可能有版权问题的,别以为这是不可能的,我遇到过因为在图片上使用微软雅黑被微软警告的

3楼正解,千万不要使用@font-face的方式调用非公开的字库。
国内普遍版权意识较差,但是网站可不分地域,被抓到了得不偿失。
很多字库都能在网上找到,自己用用没问题,但是商用一定要考虑版权问题,所以尽量使用cdn上的开源字体是比较好的方案。