Rails应用程序中的图标字体未加载

Question

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

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

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

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

如果我能提供更多信息，请告诉我。任何帮助都会很棒！

Answer 1

我也一直在这些线路上挣扎，并有以下工作

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

• 在css文件中放入以下代码（用iconmoon代替fontwo敬畏的

  @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;
  

  }

  [数据图标]：之前{font-family:'icomoon'；content:attr（数据图标）；说：没有；字体重量：正常；字体大小：16px；线条高度：16px；线路高度：1；-webkit字体平滑：抗锯齿；}

在您的erb中，使用以下内容，将xe04b替换为要使用的图像

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

希望能有所帮助？