0

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

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

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

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

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

4

1 回答 1

0

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

  • 在 assets/fonts 中放置 fontawesome-webfont.eot、ttf 和 woff 文件

  • 在您的 css 文件中放入以下代码（将 iconmoon 替换为 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]:before { font-family: 'icomoon'; 内容：attr（数据图标）；说话：无；字体粗细：正常；字体大小：16px；行高：16px；行高：1；-webkit-font-smoothing：抗锯齿；}

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

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

希望有帮助？

于 2013-06-15T09:41:37.800 回答