0

次の文字をアイコンに置き換えるフォントがあります。

' ( * + $ % # ) "

次の CSS を定義しました。

/* Define the fonts for use */
@font-face {
    font-family: 'assets';
    src: url('AAHS_ASSETS.eot');
    src: url('AAHS_ASSETS.eot?#iefix') format('embedded-opentype'),
         url('AAHS_ASSETS.TTF') format('truetype');
}

/* ASSETS */
[class^="icon-aahs-assets-"],
[class*=" icon-aahs-assets-"] {
  font-family: "assets";
}

.icon-aahs-assets-asset:before { content: "$"; }

次のアイコンをhtmlに追加すると、$として表示されます

<i class="icon-aahs-assets-asset"></i>

ネットワークの応答を確認し、フォントがブラウザーによってダウンロードされています (Chrome でのテスト)。

アイコンが表示されていることを確認するにはどうすればよいですか?

4

2 に答える 2

0

フォントを動作させることができなかったので、このツールを使用して CSS とフォントを生成しました。

http://www.fontsquirrel.com/tools/webfont-generator

CSSに大きな違いは見られなかったので、フォントファイルの変換にあるのかもしれません。

于 2013-07-11T03:54:28.900 に答える