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

今のところ答えはノーですが、賢いアイデアを持っている人もいるかもしれません!