2017-03-04 16 views
0

誰かがテーマを扱うためにFont Awesomeを設定する方法を教えてもらえますか?テーマのフォント - 素晴らしいアイコン

私は私のテンプレートファイルでこれを入れている:

<div id="social-media-bar" class="container"> 
    <div class="row"> 
     <div class="col-md-2 col-md-offset-2"> 
      <i class="fa fa-linkedin-square fa-3" aria-hidden="true"></i> 
     </div> 
     <div class="col-md-2"> 
      <i class="fa fa-facebook-square fa-3" aria-hidden="true"></i> 
     </div> 
     <div class="col-md-2"> 
      <i class="fa fa-xing-square fa-3" aria-hidden="true"></i> 
     </div> 
     <div class="col-md-2"> 
      <i class="fa fa-twitter-square fa-3" aria-hidden="true"></i> 
     </div> 
    </div> 
</div> 

しかし、ロードされたアイコンがないことを。それらは管理モードでもロードされませんが、IPメニューにはFAアイコンが表示されます。

私は間違っていますか?私のテーマに必要な項目がいくつかありますか?

@import "/Ip/Internal/Core/assets/admin/font-awesome/font-awesome.less"; 
+0

は、あなたがそこにスクリプトやCSSファイル – Dherya

+0

が含まれているし、私たちの宣言を示してください。フォント名は 'Font-Awesome'ではなく' Fontawesome'です – Psi

+0

あなたの早い返信をありがとう! ipContent.lessを介してデフォルトで含まれていると思っていたので、まだ私の少ないファイルには含めていません。 私が間違っていたように見えます;-) 私は私のテーマでそれを含めるべきですか? どのくらい正確ですか? 私は物事を2回読み込むことを避けたいと思います。 –

答えて

0

を私は今、頭の中でブートストラップCDNを使用しています:にCSSを追加する

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> 
0

は、私はそれを得たと考えてImpresspagesはipHead()の前にあなたのテーマのヘッダーにipAddCSSを使用しています。それはプラグインにCSSを追加するのと同じ方法です。例えば

<head> 
    <?php ipAddCss('Theme/AHS/assets/ahs.css'); ?> 
    <?php echo ipHead(); ?> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
</head> 
+0

奇妙な - それはうまくいかないようです。 私のテーマにFont Awesomeを実装するベストプラクティス戦略は何ですか? –

0

最善の方法を私はtheme.lessに次の行を追加した -

+0

こんにちはTim - 概念実証ソリューションを投稿すると便利です。 –

+0

私は私の答えを編集しました!先端に感謝します。 –

関連する問題