@字体面不赞成在Safari浏览器的iPhone版本。 我有什么办法?(@font-face i

2019-06-26 07:41发布

根据苹果的文档 ,@字体面已经废弃了在Safari浏览器iPhone版应用。 iPhone目前只包括11种字体 ,据我所知,并且,在任何情况下,我需要一个程序,我要建一个漂亮的哥特体字体。 我会生成随机文本,所以图像是不是一种选择。 我有什么选择呢? 难道我坚持一个JavaScript的解决方案类似的Cufón ?

Answer 1:

那么,就发现了@font-face现在对当前iPhone和iPad支持。 上面链接的文档,这是野生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:

实际上,你可以使用@字体面。 你只需要使用SVG字体。 有公用事业专题信托基金转换为SVGs

看到这个更多信息(不是我的帖子)

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



Answer 3:

的Cufón是真的,你就可以使用现成的解决方案。 它拥有的是iPhone上相当快的额外的好处,因为它使用的画布,而不是联SVG,产生的字体通常比原来的字体(压缩时)左右小60-80%。



Answer 4:

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

您可以在服务器上使用图形库和动态绘制图像。 我做过类似的东西和它的作品,当然这取决于你想绘制的文本量。 另外,如果文本重复至少在某些时候,你可以缓存图像。



文章来源: @font-face is deprecated on the iPhone version of Safari. What are my alternatives?