我平常的主力浏览器是edge,但是自从Safari支持将网页转换成应用后,我有很多网站都是用的通过Safari生成的网站应用。(不想用edge生成的网站应用是因为不好看)。
但是Safari在我用起来的时候发现有一些坑,比如网页字体在Safari下特别爱显示成宋体。
对于UI设计师来说,我们通常认为宋体因为有着良好的笔锋形态,适合在书籍纸张印刷品中展示,减少大量文本阅读的疲劳感;而在屏幕中显示一般使用识别度比较高的黑体。
但是Safari与edge和chrome的策略不同,特别爱用宋体。
解决方法还是比较简单的
替换样式表打开“文本编辑”,选择保存的位置,新建一个文档
填写下方的内容:
123*:not([class*="ico"]):not([id*="ico"]):not(i):not(ins):not(s) { font-family: "SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif!important;}
保存并修改文件名为safari.css。避免今后被误删除。
然后在Safari中打开设置
进入高级选项卡,选择刚才下载好的文件导入即可。
大功告成我们可以轻松非常方便的使用黑体啦!
代码来源感谢@chonger提供的代码