Ipad / iPhone字体无法正常呈现 [英] Ipad/iPhone fonts not rendering properly

问题描述

我的iPad（4）/ iOs 7.0b4上的字体有问题。

I have an issue with fonts on my iPad (4) / iOs 7.0b4.

我有这个CSS：

 p span {
        font-family: 'Arial Black', sans-serif;
        font-size: 22px;
    }  

在所有浏览器中都可以正常使用，但在iPhone或iPad上却没有。它显示serif字体而不是Arial Black。即使我写Sans-Serif，它也会显示一个serif字体。

Renders fine in all browsers but not on iPhone or iPad. It displays a serif font and not Arial Black. Even if I write "Sans-Serif" it displays a serif font.

更改为ArialMT，Arial或Helvetiva也不起作用。

Changing to ArialMT, Arial or Helvetiva doesn't work either.

我将Foundation 4框架与自己的样式表一起使用。

I use the Foundation 4 framework with an own stylesheet.

我错过了什么吗？

推荐答案

iOS不支持Arial Black。

iOS does not support Arial Black.

来源： http://iosfonts.com/

编辑：似乎问题是CSS规则没有覆盖基础CSS。添加！important修复了这个问题，所以如果你要编写一个更具体的CSS规则，它将会起作用。

Seems that the problem was that the CSS rule wasn't overwriting the foundation CSS. Adding !important fixed the issue so if you will write a more specific CSS rule it will work.

这篇关于Ipad / iPhone字体无法正常呈现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！