css 微软雅黑 兼容苹果

为了兼容苹果浏览器，我们在使用CSS的时候需要注意一些细节。一个比较常见的问题就是使用微软雅黑字体时，苹果浏览器无法显示。下面我们就来看一下如何解决这个问题。

/*首先，在CSS中设置微软雅黑字体，如下所示*/body {
      font-family: "Microsoft YaHei",sans-serif;
}
/*然后，加入以下代码，让苹果浏览器也能够识别微软雅黑字体*/@media screen and (-webkit-min-device-pixel-ratio:0) {
  body {
        font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
  }
}
    

我们可以看到，在使用CSS设置微软雅黑字体的同时，我们通过@media查询，判断苹果浏览器是否需要额外指定字体，在苹果浏览器中加入了Helvetica Neue、Helvetica、Arial等字体，确保在苹果浏览器中也能够正常显示。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！