iPhone和iPad上的字体字体字母间距过大

时间:2011-05-21 21:43:04

标签: iphone html css ipad font-face

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

我之前在以前的网站上做过这个并且它工作得很好,但由于某些原因它这次不适合我。如果有人可以帮我解决这个问题,我真的很感激。

我上传了网站,以便我可以获得一些帮助。我希望这是我遗漏的傻事。这几天我一直在撞墙。我希望你们中的一个天才能够再一次帮助我。

CSS如下:

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

网站为www.pikatzu.com/demo

修改

在此主题上找到解决问题的方法:@font-face not working in mobile Webkit 但是,iPad和iPhone上的字体上的字母间距很大。无论如何要解决这个问题吗?

提前再次感谢

1 个答案:

答案 0 :(得分:1)

问题是我使用的字体转换器。我最初使用的是fontforge。我做了一个快速搜索并找到了另一种选择:http://www.fontsquirrel.com/fontface/generator我会建议其他人使用fontforge。

谢谢你们的时间和投入: - )

此致 西多夫