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"; 
}