事情是这样的,闲着没事用Safari浏览器打开了我的个人主页,发现字体消失了。
于是立刻打开电脑检查是不是加速节点掉了,因为我是把字体单独存放到了加速节点,以此来提升网页打开速度。发现并没有任何问题,然后PC端查看也是正常的,于是开始去网上搜索Safari浏览器所支持的字体类型,发现并不支持.woff2,但是支持.ttf,因为woff2是经过我专门去压缩的字体,源文件已经删除了,又匆匆忙忙的去网上找到了字体源文件,又压缩了一次,保留了.ttf格式。同步到网站上,字体问题解决了。

兼容代码

在后面加上format("truetype")即可

@font-face {
  font-family: "DIY font";
  src: url("https://xxx.com/subset.woff2") format("truetype");
}
最后修改:2022 年 11 月 15 日
如果觉得我的文章对你有用,请随意赞赏