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

在我的css中，标题前后都有一个“~”。这样地。我想要一个火箭图标

。菜单标题：之后，
.菜单名称：前{
内容：“~”
}

我想知道如何使用托管图标而不在标题周围加一个空格，因为标题是动态添加到Wordpress主题的php中的

但可以这样添加：

。菜单标题：之后，
.菜单名称：前{
内容：“”
}

---

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

我不确定你说的对不对

也许这就是你想要的：

标记：

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

---

你所说的“托管图标”是什么意思？这里显然有一个语法错误：

content:“class=“zocial dribble”

。。。看看这些引用字符！就像来自谷歌的托管字体一样，但它们有图标：好的，当然这是可能的。在你的代码中我不明白的是：为什么你要在css规则中的内容行中添加一个

类

？为什么不使用图标/角色？使用托管图标不是问题，也许我应该重新问我的问题-CSS帮助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";
}