社会图标字体 免费PSD下载

<p><img class="alignnone size-full wp-image-4876" src="http://www.freebiesgallery.com/wp-content/uploads/2014/07/social-icons-font.jpg" alt="social icons font Social Icons Font" width="800" height="501" title="Social Icons Font"/></p> <p>Today I’m sharing with you all a very useful freebie social icons font that I created using <a href="http://fontastic.me/" target="_blank">fontastic.me</a>. You can embed these icons directly into your webpages without reducing the quality and its real easy to add them.</p> <h3>How to Use:</h3> <p>1. Download the font and unzip it:</p> <p><img class="alignnone size-full wp-image-4873" src="http://www.freebiesgallery.com/wp-content/uploads/2014/07/1.png" alt="1 Social Icons Font" width="620" height="86" title="Social Icons Font"/></p> <p>2. Add the CSS file , u"”": ustyles.css” to your project, and link to it from your HTML page.</p> <p>3. Copy the , u"”": ufonts” folder into your website project:</p> <p><img class="alignnone size-full wp-image-4874" src="http://www.freebiesgallery.com/wp-content/uploads/2014/07/2.png" alt="2 Social Icons Font" width="620" height="122" title="Social Icons Font"/></p> <p>4. Insert the icon class name into any HTML tag to add the icon. The default CSS class prefix is , u"’": uicon-’:</p> <p><img class="alignnone wp-image-4875 size-full" src="http://www.freebiesgallery.com/wp-content/uploads/2014/07/5.png" alt="5 Social Icons Font" width="620" height="225" title="Social Icons Font"/></p>