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

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

1 个答案: