CSS幫助添加託管的圖標字體與css

Question

在我的CSS「〜」被放置在一個標題之前和之後。喜歡這個。我想要一個火箭圖標。

.menu-title:after, 
    .menu-title:before { 
     content: "~" 
    } 

我想知道如何託管的圖標可以在不投入跨度周圍的標題，因爲標題是在一個WordPress主題的PHP動態添加使用。

<!-- Single Element --> 
<span class="zocial-dribbble"></span> 

但它可以被添加像這樣：

.menu-title:after, 
    .menu-title:before { 
     content: "<span class="entypo-rocket active"></span>" 
    } 

以及到目前爲止的答案是否定的，但也許一些有一個聰明的想法！

Answer 1

不知道如果我得到你的權利......

也許這是你在找什麼：example on fiddle.net

標記：

<a class="char">Some title</a> 
<br> 
<a class="icon">Some title</a> 
<br> 
<a class="zocial">Some title</a> 

CSS：

@import url(http://weloveiconfonts.com/api/?family=zocial); 
a { 
    font-size: 120px; 
    text-align: baseline; 
} 
.char:before, .char:after { 
    margin: 20px; 
    content:"~"; 
} 
.icon:before, .icon:after { 
    content: url("http://www.gigadictionary.org/image-upload/1087.gif"); 
} 
.zocial:before, .zocial:after { 
    font-family: 'zocial', sans-serif; 
    content: "b"; 
}