Question

我正在使用Joomla 3.0和Gantry框架开发一个新模板，我遇到了一个问题，我的Font Awesome图标没有显示。现在，这个框架已经在框架中内置了Font Awesome，我正在做的就是用自定义CSS样式覆盖模板的CSS，并保留所有模板文件。

话虽这么说，这就是我将Font Awesome图标编码到我的页面中的方式（相当简单）：

<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（再次，相当简单）：

/* ---------- 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;
}

由于这是我的第一篇文章，我无法发布图片，但是youtube图标没有显示，但其他四个图标都在Firefox，Chrome＆amp; IE，完全符合预期。

我希望有人对此有解释。

Answer 1

您可能遇到与AdBlock或AdBlock Plus相关的问题。

点击扩展程序并“停用此域/页面”或取消选中“为此网站启用”。

Answer 2

icon-youtube图标是在Fontawsome版本3.2中引入的

自Twitter，facebook，pinterest和google +在v 2.0中引入以来，我想你必须将Fontawsome更新到3.2版

另请参阅：http://fortawesome.github.io/Font-Awesome/icons/

Answer 3

在HTML中，您的包含div被归类为“容器”。

在CSS中，您可以定义类.custom_socialMedia。

您必须将该类应用于包含div

字体真棒图标 - 一些显示，一些不

3 个答案: