Rails App中的图标字体未加载

Question

我试图在我的rails应用程序中包含一个自定义字体作为图标字体。 （我正在使用font-awesome）

字体正在加载，但预览完全不正确：http://cl.ly/image/3x0g3X3k3X3S。 （我认为这意味着资产路径是正确的。）

您还可以在网络视图中看到字体似乎正在进入： http://cl.ly/image/0y0R171S0l3L

在HTML中 - 当我尝试一下时，我可以看到应该应用的所有正确的CSS属性，但是图标呈现为空方块，我相信这是缺少的字符默认值。

如果我能提供更多信息，请告诉我。任何帮助都是极好的！

Answer 1

我也在这些方面苦苦挣扎并且有以下工作

• 在资产/字体中输入fontawesome-webfont.eot，ttf和woff文件

• 在你的css文件中输入以下代码（替换iconmoon for fontawesome

  @font-face {
  font-family: 'icomoon';
  src:url('fonts/icomoon.eot');
  src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
      url('fonts/icomoon.woff') format('woff'),
      url('fonts/icomoon.ttf') format('truetype'),
      url('fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  

  }

  [data-icon]：在{之前     font-family：'icomoon';     content：attr（data-icon）;     说：没有     font-weight：normal;     font-size：16px;     行高：16px;     line-height：1;     -webkit-font-smoothing：antialiased; }

在你的erb中使用以下内容，用xe04b替换你想要使用的图像

<div class="fs1" aria-hidden="true" data-icon="&#xe04b;"></div>

希望有帮助吗？