Ruby on rails 3 Rails应用程序中的图标字体未加载

Ruby on rails 3 Rails应用程序中的图标字体未加载,ruby-on-rails-3,icons,font-face,Ruby On Rails 3,Icons,Font Face,我正在尝试在我的rails应用程序中包含一个自定义字体作为图标字体。(我使用的字体很棒) 正在加载字体,但预览完全不正确:。(我认为这意味着资产路径是正确的。) 您还可以在网络视图中看到,字体似乎即将出现: 在HTML中-当我尝试一个新的CSS时,我可以看到所有应该应用的正确CSS属性,但是图标呈现为一个空正方形,我相信这是缺少的字符默认值 如果我能提供更多信息,请告诉我。任何帮助都会很棒 我在这些方面也很努力,下面的方法也行得通 在assets/fonts中放入Fontsome-webfo

我正在尝试在我的rails应用程序中包含一个自定义字体作为图标字体。(我使用的字体很棒)

正在加载字体,但预览完全不正确:。(我认为这意味着资产路径是正确的。)

您还可以在网络视图中看到,字体似乎即将出现:

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


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

我在这些方面也很努力,下面的方法也行得通

  • 在assets/fonts中放入Fontsome-webfont.eot、ttf和woff文件
  • 在css文件中放入以下代码(将iconmoon替换为FontMoon)

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

    [数据图标]:之前{ 字体系列:“icomoon”; 内容:属性(数据图标); 说:没有; 字体大小:正常; 字体大小:16px; 线高:16px; 线高:1; -webkit字体平滑:抗锯齿; }

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

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

希望有帮助