フォント驚くばかりのアイコン - いくつかの表示、いくつかしない

Question

私はGantryフレームワークでJoomla 3.0を使用して新しいテンプレートを開発していますが、私のフォントAwesomeアイコンが表示されない問題が発生しています。さて、このフレームワークでは、すでにフレームワークにFont Awesomeが組み込まれています。私がやっているのは、カスタムCSSスタイルでテンプレートのCSSを上書きし、すべてのテンプレートファイルをそのまま残しておくことです。

/* ---------- Social Media ----------*/ 

.custom_socialMedia ul{ 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    text-align: center; 
} 

.custom_socialMedia li{ 
font-size:2.5em; 
display:inline; 
} 

.custom_socialMedia .container{ 
    width:100%; 
    margin: 0 auto; 
} 

.custom_socialMedia p{ 
    font-family:'Yanone Kaffeesatz', Helvetica, Arial, sans-serif; 
font-weight: 200; 
color:#F47820; 
font-size:1.5em; 
    text-align:center; 
} 

.custom_socialMedia a { 
    color: #999; 
    text-decoration: none; 
} 

.custom_socialMedia a:hover { 
    color: #666; 
} 

.custom_socialMedia i { 
    width: 1em; 
    height: 1em; 
    cursor: pointer; 
    padding:0em 1em; 
} 

：ここ

<div class="container"> 
    <ul> 
    <li><a href="#"><i class="icon-twitter"></i></a></li> 
    <li><a href="#"><i class="icon-facebook"></i></a></li> 
    <li><a href="#"><i class="icon-youtube"></i></a></li> 
    <li><a href="#"><i class="icon-google-plus"></i></a></li> 
    <li><a href="#"><i class="icon-pinterest"></i></a></li> 
    </ul> 
</div> 

は、CSS（再び、非常に単純な）です：言われて、これは私が（非常に単純な）私のページにフォント恐ろしいアイコンをコーディングしていますどのようにしていることを

これは私の最初の投稿ですので、画像を投稿できませんが、YouTubeのアイコンは表示されませんが、他の4つはFirefox、Chrome & IEに完全に期待されています。

私は誰かがこれについて説明したいと思っています。

Answer 1

icon-youtubeアイコンはTwitterやFacebook、PinterestのとGoogle +のでFontawsomeバージョン3.2

で導入されましたが、V 2.0で導入された、私はあなたがバージョン3.2

にFontawsomeを更新する必要が推測も参照してください：http://fortawesome.github.io/Font-Awesome/icons/

Answer 2

AdBlockまたはAdBlock Plusに関する問題が発生している可能性があります。

[このドメイン/ページを無効にする]をクリックするか、[このサイトで有効にする]をオフにします。

Answer 3

HTMLでは、あなたの含むdivは「コンテナ」として分類されます。

CSSでは、クラス.custom_socialMediaを定義します。あなたはこれがお手伝いしますあなたのdiv含む