1

我正在使用 Zurb Foundation，正在研究手风琴。Zurb 手风琴带有一个用作切换器的 CSS 三角形，但我想使用两个字体很棒的图标，这取决于 li 是否具有活动类。现在我得到了图标图像的占位符。

如果可能的话，宁愿只用 CSS 来做这件事。

这是我的CSS：

    ul.accordion > li > div.title:after { content:"\f067"; display: block; width: 0; 
height: 0; position: absolute; right: 20px; top: 8px;}

    ul.accordion > li.active .title:after { content:"\f068"; display: block; width: 0; 
height: 0; }

这是HTML：

<ul class="accordion">
  <li class="active">
    <div class="title">
      <h5>Accordion Panel 1</h5>
    </div>
    <div class="content">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
  </li>

 <li>
    <div class="title">
      <h5>Accordion Panel 1</h5>
    </div>
    <div class="content">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>
  </li>
</ul>
4

1 回答 1

2

显示的 CSS 未指定font-family: FontAwesome;. 尝试添加。

看起来这不是权限问题，但如果其他人出现，我会留下链接。

对于 localhost 更改字体本身的权限可能会有所帮助：Icon font (@font-face) not rendering on localhost

或者 Firefox 可能存在跨域问题：http ://www.red-team-design.com/firefox-doesnt-allow-cross-domain-fonts-by-default

于 2013-02-02T16:16:32.830 回答