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

问题描述

问 题

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

原来我是这么写的：

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

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

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

解决方案

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

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

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

这篇关于php - Mac和Windows访问网页时整个网页都显示微软雅黑字体 做到这个css文件要怎么写？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！