css - 如何将字体图标添加到 Accordion - zurb foundation

Question

我正在使用 Zurb Foundation，研究 Accordion 。 Zurb Accordion 带有一个用作切换器的 CSS 三 Angular 形，但我想改用两个字体很棒的图标，具体取决于 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>

Answer 1

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

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

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

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