ios - 如何让 Font Awesome 在基于 Ruby 的网站上的 iOS Safari 浏览器上工作

Question

我已经搜索并试图找到这个问题的答案。尽管似乎没有任何效果。

我们正在编写一个 Ruby Web 应用程序。使用最新版本的 Font Awesome (3.2.1)，图标不会在 iOS 上呈现。它们在桌面浏览器上呈现，我们也可以在 iOS 上使用其他网络字体(@font-face 方法)。

在 iOS 网络检查器或桌面 Chrome 和 Safari 中没有看到任何错误。我们能够让其他网站在 iOS 上使用 Font Awesome，但不能通过 iOS 上的 Ruby。

尝试为此实例实现旧版本的 Font Awesome，但没有成功。

Answer 1

Font awesome 使用许多不同的文件类型来嵌入它的字体。

如果您的网站出现在某些浏览器中，很可能是您没有正确复制其中一种字体源。

根据失败的 iOS 版本，我会仔细检查 .ttf 和 .svg 格式。

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0'); /* IE9 Compat Modes */
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), /* Modern Browsers */
       url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');/* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}