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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Mac和Windows访问网页时整个网页都显示微软雅黑字体做到这个css文件要怎么写？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2122字，纯文字阅读大概需要4分钟。

内容图文

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上的开源字体是比较好的方案。

内容总结

以上是互联网集市为您收集整理的Mac和Windows访问网页时整个网页都显示微软雅黑字体做到这个css文件要怎么写？全部内容，希望文章能够帮你解决Mac和Windows访问网页时整个网页都显示微软雅黑字体做到这个css文件要怎么写？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---