0

Rails アプリにカスタム フォントをアイコン フォントとして含めようとしています。(私はfont-awesomeを使用しています)

フォントはロードされていますが、プレビューは完全に間違っています: http://cl.ly/image/3x0g3X3k3X3S . (これは、アセットパスが正しいことを意味すると思います。)

フォントが入ってくるように見えることをネットワーク ビューでも確認できます: http://cl.ly/image/0y0R171S0l3L

HTML で - を試してみると、適用すべき正しい CSS プロパティがすべて表示されますが、アイコンが空白の四角形としてレンダリングされます。

もっと情報を提供できるかどうか教えてください。どんな助けでも素晴らしいでしょう！

4

1 に答える 1

0

私もこれらの行で苦労しており、次のように機能します

  • assets/fonts に fontawesome-webfont.eot、ttf、および woff ファイルを配置します

  • css ファイルに次のコードを追加します (fontawesome を iconmoon に置き換えます)。

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

    }

    [データ アイコン]: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 に答える