1

我正在尝试在我的响应式网站上嵌入波斯字体（BYekan），目前使用下面的代码我已经能够在 Chrome 和桌面 Safari 中实现我的目标：

@font-face {
font-family: 'BYekan';
src: url('/font/BYekan.eot');
src: url('/font/BYekan.eot?#iefix') format('embedded-opentype'),
url('/font/BYekan.woff') format('woff'),
url('/font/BYekan.ttf') format('truetype'),
url('/font/BYekan.svg#BYekan') format('svg');
font-weight: normal;
font-style: normal;}

但是，除了数字外，它在 iOS Safari 中不起作用。我已经尝试过BBC Persian website的字体（BBCNasim），但没有成功。有什么建议么？

编辑： 这是我正在开发的网站。在这里我上传了我正在使用的字体（我从波斯网站下载了它们，不知道他们是如何创建不同格式的字体的。也许他们使用了 onlinefontconverter，因为它在他们的网站上被推荐）。如果您在 Desktop 和 iPhone 上查看我的网站，就会发现差异。

4

2 回答 2

0

您的字体文件有问题，并且不是为 Web 设计的。有关完整说明和网络友好版本下载，请参阅此链接：http ://www.wedesign.ir/css/css3-font-face-methods-and-optimized-font-firefox6

于 2014-10-30T14:39:52.043 回答
0

您的 @font-face 规则看起来不错。

我认为您可能会遇到缺乏对字符的支持。

尝试将字体的 unicode 范围设置为所有可能的 unicode 字符。

@font-face{
    font-family: 'BYekan';
    src: url('/font/BYekan.eot');
    src: url('/font/BYekan.eot?#iefix') format('embedded-opentype'),
         url('/font/BYekan.woff') format('woff'),
         url('/font/BYekan.ttf') format('truetype'),
         url('/font/BYekan.svg#BYekan') format('svg');
         font-weight: normal;
         font-style: normal;
         unicode-range: U+00-FFFF;
}
于 2013-11-10T03:20:12.007 回答