11

根据Apple 的文档,不推荐在 iPhone 版本的 Safari 上使用 @font-face。iPhone 仅包含11 种字体,AFAIK,而且,无论如何,我需要为我正在构建的应用程序提供一个不错的 blackletter 字体。我将生成随机文本,所以图像不是一个选项。我有什么选择?我是否坚持使用Cufón 之类的 JavaScript 解决方案?

4

4 回答 4

18

好吧,刚刚发现@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) [, ...];
}

只是想确保像我一样来读这篇文章的其他人知道当前的状态。

于 2011-04-20T15:00:45.333 回答
17

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

有关更多信息,请参阅此内容(不是我的帖子)

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

于 2010-01-28T01:36:09.377 回答
3

Cufón 确实是您可以开箱即用的唯一解决方案。它具有在 iPhone 上相当快的额外优势,因为它使用画布而不是内联 SVG,并且生成的字体通常比原始字体(压缩时)小 60-80% 左右。

于 2009-07-19T08:34:52.563 回答
0

我将生成随机文本,所以图像不是一个选项。

您可以使用服务器上的图形库并动态绘制图像。我做过类似的事情并且它有效,但当然这取决于你想要绘制的文本数量。另外,如果文本至少有时重复,您可以缓存图像。

于 2009-07-19T08:35:23.340 回答