css - CSS 帮助使用 css 添加托管图标字体

Question

在我的 css 中，在标题之前和之后放置了一个“~”。像这样。我想要一个火箭图标。

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

我想知道如何在不围绕标题放置 Span 的情况下使用托管图标，因为标题是在 Wordpress 主题的 php 中动态添加的。

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

但可以这样添加：

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

到目前为止，答案是否定的，但也许有些人有一个聪明的主意！

Answer 1

不知道我说的对不对...

也许这就是您正在寻找的：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";
}