Ipad/iPhone fonts not rendering properly

问题

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

I have this CSS:

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

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.

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

I use the Foundation 4 framework with an own stylesheet.

Do I miss something?

回答1:

iOS does not support Arial Black.

Source: http://iosfonts.com/

EDIT: 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.

来源：https://stackoverflow.com/questions/17966064/ipad-iphone-fonts-not-rendering-properly