如何將字體圖標添加到手風琴 - zurb基金會

我正在使用Zurb基金會，開展手風琴研究。 Zurb手風琴配備了一個CSS三角形，可用作切換器，但我想使用兩個字體超棒的圖標，具體取決於li是否具有活動類別。現在我得到一個圖標圖像的佔位符。如何將字體圖標添加到手風琴 - zurb基金會

如果可能的話，寧願只用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>

來源

2013-02-02 chowwy

表示不指定font-family: FontAwesome;的CSS。嘗試添加。

看起來這不是一個許可問題，但如果其他人來我離開的鏈接。

有關字體本地主機更改權限本身可以幫助：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-02 16:16:32 Dustin

字體真棒圖標顯示在其他地方了，所以它是最有可能不是一個權限問題。 – chowwy

啊。我不知道你的CSS如何使用圖標字體。嘗試添加font-family：FontAwesome;到CSS？ – Dustin

dds1024：可以的，會試試看。 – chowwy

如何將字體圖標添加到手風琴 - zurb基金會

回答

相關問題