ipad 上的字体 SVG 问题答案

【问题标题】：Font-face SVG issues on ipadipad 上的字体 SVG 问题
【发布时间】：2012-01-06 21:32:59
【问题描述】：

我正在尝试将 font-face 用于我的 google 字体，但是我最近发现 iPad 无法读取 WOFF 格式，只能读取 SVG。

这是我直接来自 google 的声明，但正如您所见，它只是 WOFF，我怎样才能使用 SVG？

@font-face {
    font-family:'Yanone Kaffeesatz';
    font-style:normal;
    font-weight:700;
    src:local('Yanone Kaffeesatz Bold'),local('YanoneKaffeesatz-Bold'),url('http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v2/We_iSDqttE3etzfdfhuPRbJjSLMfVFmTspsxH0yGxjj3rGVtsTkPsbDajuO5ueQw.woff') format('woff');
}

谢谢

【问题讨论】：

标签： html css font-face

【解决方案1】：

在 font squirrel 中使用字体生成器。 http://www.fontsquirrel.com/fontface/generator 。这是我找到的最好的工具，可以用来处理与 font-face 相关的任何事情。

【讨论】：

【解决方案2】：

您需要在服务器上设置 mime-type 以提供 svg。例如image/svg+xml

我肯定会遵循 Rich Bradshaw 的建议，使用 fontsquirrel 为您生成 CSS 和字体。

【讨论】：