@ font-face不适用于Mac OS或Ipad中的Safari

我遇到@ font-face的问题。我正在使用名为惠特尼的自定义字体。它适用于Windows中的所有浏览器（包括Safari）。但不适用于Mac OS中的Safari或Ipad。从互联网上，我已经知道.svg字体格式可以与Safari浏览器正常工作。所以我也试过了。但仍然没有得到应用。即使其他字体的.ttf字体文件在Safari中也能正常工作。任何人都可以告诉我我的代码有什么问题......下面给出它。或者是这个字体的问题？@ font-face不适用于Mac OS或Ipad中的Safari

@font-face 
{ 
    font-family: bookFont; 
    src: url("../fonts/whitney-book.eot"); 
    src: url('../fonts/whitney-book.ttf')format("truetype"), url('../fonts/whitneybook.svg#Whitney-book') format('svg'); 
}

来源

2012-02-22 user1224985

是否＃惠特尼书的ID在你的SVG文件相匹配？看看这个问题：http://stackoverflow.com/questions/4058342/using-css-font-face-with-the-ipad-iphone – 2012-02-22 05:43:00

是的。 id＃惠特尼书是正确的。这是我在SVG文件中找到的相同的ID。 “ ” – user1224985 2012-02-22 06:02:06

您确定相对网址指向正确的目录吗？尝试删除../。或者将字体直接放在与CSS相同的文件夹中。 – 2012-02-22 06:45:26

@font-face{ font-family: bookFont; src: url('../fonts/whitney-book.eot') format('embedded-opentype'), url('../fonts/whitney-book.ttf') format('truetype'), url('../fonts/whitneybook.svg#Whitney-book') format('svg'); }

@font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype'), url('myfont-webfont.svg#svgFontName') format('svg');

@ font-face不适用于Mac OS或Ipad中的Safari

回答

相关问题