字体Avenir Next在Safari和Google Chrome和Firefox上显示/渲染效果不同。有没有办法解决这个问题,或者在Safari上为我的网页使用单独的字体?我会怎么做呢?Safari与其他浏览器显示字体不同 - 为特定浏览器设置特定字体系列 - 如何更改Safari的字体平滑处理
我宁愿解决方案是纯HTML/CSS(也许有浏览器的@media?)。如果不行,我可以使用JavaScript或jQuery。
编辑:解决了,问题是Safari字体平滑。在下面看到我自己的回答
字体Avenir Next在Safari和Google Chrome和Firefox上显示/渲染效果不同。有没有办法解决这个问题,或者在Safari上为我的网页使用单独的字体?我会怎么做呢?Safari与其他浏览器显示字体不同 - 为特定浏览器设置特定字体系列 - 如何更改Safari的字体平滑处理
我宁愿解决方案是纯HTML/CSS(也许有浏览器的@media?)。如果不行,我可以使用JavaScript或jQuery。
编辑:解决了,问题是Safari字体平滑。在下面看到我自己的回答
Safari浏览器有它自己的单独的字体平滑(即,自动函数调整的字体来呈现漂亮的和适当的)从其他浏览器等浏览器或Firefox。 在如我遇到不一致的情况下,我们可以手动改变我们的CSS自动字体平滑与
-webkit-font-smoothing
在我的情况下,字体平滑在Safari上抗锯齿被自动设定,而标准(在Chrome和Firefox上使用的字体平滑)是亚像素反锯齿。
简单地说:
-webkit-font-smoothing: subpixel-antialiased !important;
和字体现在显示的一样在Chrome和其他浏览器。
更多关于Safari的字体平滑:http://maxvoltar.com/archive/-webkit-font-smoothing
那么你说JS是一种可能性,即使它不是你的偏好。
我写了一个大约100年前称为BAPS(浏览器和插件嗅探器)的库,它可以检测整个主机并添加主体类。
你不对它做任何事情 - 你只是包括脚本,并用束身班结束了,如果你检查DOM。
感谢您的回答,然而幸运的是,这并不是必要的,因为我发现了根问题并修复了它。但如果弹出需要你的图书馆的任何东西,我会使用它。 PS不知道Javascript已超过100岁;) – Cheetaiean
不用担心。 Yeap,API的早期草稿写于大约1500年代。 – Utkanos
快速搜索止跌回升:http://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not -chrome – ryachza
不要这样做!只需选择另一种看起来不错的字体。 – Iansen
@ryachza我在搜索“特定浏览器的特定字体系列”,但没有指定Safari并且不是一般的,这肯定是我为什么没有看到另一个。 – Cheetaiean