如何让Font Awesome在基于Ruby的网站上的iOS Safari浏览器上运行

Question

我搜索过并试图找到答案.虽然似乎没有任何效果.

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

没有在iOS的Web检查器或桌面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;
}