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

Question

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

Answer 1

好吧,刚刚发现@font-face现在的iPhone和iPad现在支持.链接到上面的文档,即Safari CSS参考 显示如何嵌入字体的示例.

@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/