Question

我正在使用@ font-face加载我在服务器上托管的字体，并用于我正在开发的网站。除iOS设备（iPhone，iPad）外，各种字体都可以正常工作。当我在网上iOS设备模拟器上测试网站时，比如ipadpeek.com，它运行正常，但是当在网站上测试它们时它不起作用。

这就是我使用@ font-face

嵌入字体的方法

@font-face {
    font-family: 'droid_arabic_kufiregular';
    src: url('css/fonts/droidkufi-regular-webfont.eot');
    src: url('css/fonts/droidkufi-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/droidkufi-regular-webfont.woff') format('woff'),
         url('css/fonts/droidkufi-regular-webfont.ttf') format('truetype'),
         url('css/fonts/droidkufi-regular-webfont.svg#droid_arabic_kufiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_arabic_kufiregular';
    src: url('css/fonts/droidkufi-blod-webfont.eot');
    src: url('css/fonts/droidkufi-blod-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/droidkufi-blod-webfont.woff') format('woff'),
         url('css/fonts/droidkufi-blod-webfont.ttf') format('truetype'),
         url('css/fonts/droidkufi-blod-webfont.svg#droid_arabic_kufiregular') format('svg');
    font-weight: bold;
    font-style: normal;

}

任何线索？

Answer 1

您是否使用FontSquirrel转换字体？看看这篇文章中的修复是否有帮助： http://blog.echoenduring.com/2011/12/01/quick-tip-svg-fonts-font-face/

我的网站的字体不适用于iOS设备

1 个答案: