Question

我正在尝试在我的响应式网站上嵌入波斯语字体（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）而没有运气。有什么建议吗？

编辑： This is我正在处理的网站。并且here我上传了我正在使用的字体（我从波斯语网站下载它们，并且不知道他们是如何创建不同格式的字体。也许他们使用了onlinefontconverter因为它在他们的网站上推荐）。如果您在桌面和iPhone上查看我的网站，将看到差异。

Answer 1

你的@ 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;
}

Answer 2

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

iOS中的@ font-face用于波斯语字体

2 个答案: