[WordPress] ワードプレスを Fontello

スポンサーリンク

質問

私はプリインストールされている fontawesome アイコンを持っているワードプレスのテーマ (Avada) を使用しています。私の顧客は http://fontello.com/ から lineicons を使用したい !.Zip ファイルをダウンロードし、私に送られました。ここで私が何か:

1) 解凍 – zip ファイルを次のファイルを得た: – css フォルダー – フォント – config.json – demo.html – README.txt

2) アップロードする CSS フォルダー内のすべて:/wp-content/themes/Avada/css

3) アップロードするフォント フォルダー内のすべて:/wp-コンテンツ/テーマ/Avada/フォント/fontello/

4) 今私は/wp-content/themes/Avada/css/fpslineicons.css 開放、@font-face 次のパスを設定:

 
@font-face {
  font-family: 'fpslineicons';
  src: url('../fonts/fontello/fpslineicons.eot?98281823');
  src: url('../fonts/fontello/fpslineicons.eot?98281823#iefix') format('embedded-opentype'),
       url('../fonts/fontello/fpslineicons.woff?98281823') format('woff'),
       url('../fonts/fontello/fpslineicons.ttf?98281823') format('truetype'),
       url('../fonts/fontello/fpslineicons.svg?98281823#fpslineicons') format('svg');

その後に行った私の管理者パネルと入力済みのテキストの手口で私のフロント ページで、次のコード:

<i class="icon-heart">Test</i>

もみました:

<div class="icon-heart">Test</div>

推測何ですか?何も表示されません。誰か教えてください何をして午前間違っているか?何が間違っているを見つけることができません

ありがとう、Chris

答え

を試してみました、

font-family

を明示的に設定、

<i>

のと

<div>
fontello

div {font-family:'fontello'}

別のアイコンのフォント ライブラリを使用して既にのでこれは問題をすることができます

http://stackoverflow.com/questions/28904881/fontello-to-wordpress

スポンサーリンク

Leave a Reply