Question

根据Apple's documentation，@ font-face已弃用，可用于iPhone的iPhone版本。 iPhone只包含11 fonts，AFAIK，无论如何，我需要一个漂亮的黑色字体，用于我正在构建的应用程序。我将生成随机文本，因此图像不是一种选择。我有什么替代品？我是否坚持使用像Cufón这样的JavaScript解决方案？

Answer 1

嗯，刚刚发现@font-face现在支持当前的iPhone和iPad。链接到上面的文档，Safari CSS Reference显示如何嵌入字体的示例。

@font-face {
    font-family: "MyFamilyname", cursive [, ...];
    font-style: normal [, ...];
    font-variant: normal[, ...];
    font-weight: bold[, ...];
    font-stretch: condensed[, ...]; /* Not supported */
    font-size: 12pt;[, ...] /* Not supported */
    src: local("Font Family Name"),
        url(http://..../fontfile.ttf) format("truetype"),
        url(http://..../fontfile.ttf) [, ...];
}

只是想确保其他人和我一样读这个，知道当前状态。

Answer 2

您实际上可以使用@ font-face。您只需要使用SVG字体。有一些工具可以将TTF转换为SVG

有关详细信息（不是我的帖子），请参阅此内容

http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/

Answer 3

Cufón真的是你能够开箱即用的唯一解决方案。它具有额外的优势，因为它使用画布而不是内联SVG，因此在iPhone上相当快，生成的字体通常比原始字体小约60-80％（压缩时）。

Answer 4

我将生成随机文本，所以图像不是一种选择。

您可以在服务器上使用图形库并即时绘制图像。我已经做了类似的事情并且它有效，但当然这取决于你想要绘制的文本量。此外，如果文本至少有时重复，您可以缓存图像。

在iPhone版本的Safari上不推荐使用@ font-face。我有什么选择？

4 个答案: