【问题标题】:@font-face in iOS for Persian fontsiOS 中的 @font-face 用于波斯字体
【发布时间】:2013-11-21 13:31:28
【问题描述】:

我正在尝试在我的响应式网站上嵌入波斯字体 (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,因为在他们的推荐网站)。如果您在 Desktop 和 iPhone 上查看我的网站,就会发现差异。

【问题讨论】:

  • 您应该发布足够多的 HTML 和 CSS,并清楚地指定您使用的字体(从哪里获得它,而不仅仅是名称)以及您如何生成不同的字体文件。包含问题在线演示的 URL 将是一个有用的补充。
  • @JukkaK.Korpela 我已经添加了网站链接和字体。

标签: ios css fonts


【解决方案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;
}

【讨论】:

  • 它没有用。就像我说的,我尝试了 BBC 波斯字体,这在 iOS 中很好用。但我无法使用相同的代码在我的网站上运行它。
  • 哦,对不起。我以为就是这样。嗯很奇怪...也许看看谷歌翻译使用什么字体?我不知道它们是否会翻译成波斯语……由于许可问题,BBC 字体可能无法使用。
  • 没关系。是的,这很奇怪。我检查了许多使用自定义字体的波斯网站,效果很好。但他们在 iOS 中也有同样的问题!无论如何谢谢;)
【解决方案2】:

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

【讨论】:

    猜你喜欢
    • 2011-05-02
    • 2014-07-07
    • 2013-02-26
    • 2013-03-02
    • 1970-01-01
    • 1970-01-01
    • 2019-08-06
    • 2012-11-18
    • 1970-01-01
    相关资源
    最近更新 更多