Adding Steemit logo to Font-Awesome

in steemit •  10 months ago

Font-Awesome is a font that can be used to show icons and logos. CSS is then used to control the font's size, color etc when used in a Web-application.

My small contribution to Steemit community

I forked Font-Awesome and added a Steemit icon. You can use it to link your Steemit on any contact page you might have.

An example, list the social media where you can be found/contacted in a footer on your page:

With a larger font

How to use on a Web page

Clone my forked version of Font-Awesome:
$ git clone git@github.com:bhjortsberg/Font-Awesome.git

Then copy fonts and css directories to the root directory for your web site.

To the <head> section on your page add:
<link href="/css/font-awesome.min.css" rel="stylesheet">

To add a list item with the Steem logo and a link to your Steemit page like in the picture above just do:

<li>
  <a href="https://steemit.com/@<steemit-username>">
  <i class="fa fa-steemit"></i> Steemit
  </a>
</li>

Font-Awesome contribution

Font-Awesome don't accept pull requests on icons so I have not bothered to do a pull request. However, they do have a system for icon requests using github issue system, there is such a request opened 25th of February.

I'm far from being perfect at graphics design. The logo looks ok in a small font but I made the drawing on free hand so it's not an exact copy of the logo. I may improve the icon if needed.

If you feel you can improve the graphics I'm happy to get any help with that.

I made the logo in FontForge where it was possible to open the font and add the logo

I hope this helps anyone that wants a Font-Awesome Steemit logo!

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Yey! Thank you. I will take the time to test it in my site when I have the time.

·

Nice, that would be great!

@minnowpond1 has voted on behalf of @minnowpond. If you would like to recieve upvotes from minnowponds team on all your posts, simply FOLLOW @minnowpond.

        To receive an upvote send 0.25 SBD to @minnowpond with your posts url as the memo
        To receive an reSteem send 0.75 SBD to @minnowpond with your posts url as the memo
        To receive an upvote and a reSteem send 1.00SBD to @minnowpond with your posts url as the memo

Congratulations @bhj! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes received

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

This is great, thanks a lot!