【问题标题】:Font-face font letter spacing too big on iPhone and iPadiPhone 和 iPad 上的字体字体字母间距太大
【发布时间】:2011-05-21 21:43:03
【问题描述】:

我创建了一个带有一些非网络安全字体的网站。为了让它在大多数设备上显示,我将它转换为所有主要文件格式,包括 iPhone 和 iPad 的 SVG。但是,这似乎不适用于 iPad 或 iPhone。

我以前在以前的网站上做过这个,效果很好,但由于某种原因,这次它对我不起作用。如果有人可以帮助我解决这个问题,我将不胜感激。

我已经上传了该网站,以便获得一些帮助。我希望这是我遗漏的愚蠢的东西。在过去的几天里,我一直在用头撞墙。我希望你们中的一位天才能够再次帮助我。

CSS 如下:

@字体脸{ 字体家族:'特许经营'; src: url('font/Franchise-Bold.eot?#iefix') 格式('embedded-opentype'), url('font/Franchise-Bold.woff') 格式('woff'), url('font/Franchise-Bold.ttf') 格式('truetype'), url('font/Franchise-Bold.svg#Franchise-Bold') 格式('svg'); }

网站是www.pikatzu.com/demo

编辑

在此线程上找到问题的解决方案:@font-face not working in mobile Webkit 然而,iPad 和 iPhone 上字体的字母间距是巨大的。有没有办法解决这个问题??

再次提前感谢

【问题讨论】:

  • 很抱歉。我已将其添加到问题中
  • 这是因为我正在应用在另一个站点上找到的修复程序。然而,生成的字体上的字母间距是巨大的。这在您的浏览器上看起来是否相似,还是我需要清除我的缓存或其他什么?
  • 我不知道您的字母间距问题,但顺便说一句,我建议使用不同的语法。应将笑脸方法视为已弃用,因为它不适用于 Android。检查这些替代方案:fontspring.com/blog/the-new-bulletproof-font-face-syntaxreadableweb.com/mo-bulletproofer-font-face-css-syntax
  • 谢谢!我现在更新了语法
  • ST 任何可以帮助我解决字母间距问题的人都可以随时回答

标签: iphone html css ipad font-face


【解决方案1】:

问题是我使用的字体转换器。我最初使用的是 fontforge。我快速搜索并找到了一个替代方案:http://www.fontsquirrel.com/fontface/generator,我会向其他使用 fontforge 的人推荐这个。

感谢大家的时间和投入:-)

真诚地, 西多夫

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-05
    • 2014-06-02
    • 1970-01-01
    相关资源
    最近更新 更多