title: Set icon font as background in CSS property
body: <p>All I want to do is replace a background image in CSS with an icon font, not icon image.
  I can't get it done.
  This is the CSS property:</p>
  
  <pre><code>.social-networks .twitter{background:url(../images/social/twitter.png);}
  </code></pre>
  
  <p>This is the code in PHP:</p>
  
  <pre><code>&lt;ul class="social-networks"&gt;
      &lt;?php if (my_option('twitter_link')): ?&gt;
          &lt;li&gt;
              &lt;a href="&lt;?php echo my_option('twitter_link'); ?&gt;"  class="twitter"&gt;twitter&lt;/a&gt;
          &lt;/li&gt;
      &lt;?php endif; ?&gt;
  </code></pre>
  
  <p>The way I insert an incon font is <code>&lt;span class="icon"&gt;A&lt;/span&gt;</code></p>