2015-08-25 72 views
0

字体Avenir Next在Safari和Google Chrome和Firefox上显示/渲染效果不同。有没有办法解决这个问题,或者在Safari上为我的网页使用单独的字体?我会怎么做呢?Safari与其他浏览器显示字体不同 - 为特定浏览器设置特定字体系列 - 如何更改Safari的字体平滑处理

我宁愿解决方案是纯HTML/CSS(也许有浏览器的@media?)。如果不行,我可以使用JavaScript或jQuery。

编辑:解决了,问题是Safari字体平滑。在下面看到我自己的回答

+0

快速搜索止跌回升:http://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not -chrome – ryachza

+2

不要这样做!只需选择另一种看起来不错的字体。 – Iansen

+0

@ryachza我在搜索“特定浏览器的特定字体系列”,但没有指定Safari并且不是一般的,这肯定是我为什么没有看到另一个。 – Cheetaiean

回答

1

Safari浏览器有它自己的单独的字体平滑(即,自动函数调整的字体来呈现漂亮的和适当的)从其他浏览器等浏览器或Firefox。 在如我遇到不一致的情况下,我们可以手动改变我们的CSS自动字体平滑与

-webkit-font-smoothing 

在我的情况下,字体平滑在Safari上抗锯齿被自动设定,而标准(在Chrome和Firefox上使用的字体平滑)是亚像素反锯齿。

简单地说:

-webkit-font-smoothing: subpixel-antialiased !important; 

和字体现在显示的一样在Chrome和其他浏览器。

更多关于Safari的字体平滑:http://maxvoltar.com/archive/-webkit-font-smoothing

2

那么你说JS是一种可能性,即使它不是你的偏好。

我写了一个大约100年前称为BAPS(浏览器和插件嗅探器)的库,它可以检测整个主机并添加主体类。

http://vostok.xyz/cdn/baps.js

你不对它做任何事情 - 你只是包括脚本,并用束身班结束了,如果你检查DOM。

enter image description here

+0

感谢您的回答,然而幸运的是,这并不是必要的,因为我发现了根问题并修复了它。但如果弹出需要你的图书馆的任何东西,我会使用它。 PS不知道Javascript已超过100岁;) – Cheetaiean

+1

不用担心。 Yeap,API的早期草稿写于大约1500年代。 – Utkanos

相关问题