+-+-+ +-+ +-+-+-+-+
|G|O| |4| |H|I|V|E|
+-+-+ +-+ +-+-+-+-+

 --- A GOPHER-LIKE INTERFACE FOR HIVE BLOCKCHAIN ---

Adding Steemit logo to Font-Awesome

BY: @bhj | CREATED: Oct. 8, 2017, 12:50 p.m. | VOTES: 13 | PAYOUT: $0.10 | [ VOTE ]

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:

[IMAGE: https://steemitimages.com/DQmXgo1NhTYZGgs7TfKwKSsvfFGButWSX3wEkisBvzVHiSa/image.png] With a larger font [IMAGE: https://steemitimages.com/DQmRroPDsjbu97XSakzzYfZidXRpnqLTcZrq7uEgSmFU9UZ/image.png]

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 section on your page add:

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




   Steemit

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

[IMAGE: https://steemitimages.com/DQmd6HLAveJfmk6Y8Hq1fjLHxPDpkzGme2MwNju2Jqqg8pE/image.png]

[IMAGE: https://steemitimages.com/DQmb75wtNRia61eBb9QBNZ1tX1zo7CxD7sdAqwMgygj1EWU/image.png]

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

TAGS: [ #steemit ] [ #web ] [ #design ] [ #programming ] [ #teamsweden ]

Replies

@minnowpond1 | Oct. 8, 2017, 1:01 p.m. | Votes: 0 | [ VOTE ]

@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
@gabchik | Oct. 8, 2017, 6:16 p.m. | Votes: 1 | [ VOTE ]

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

@bhj | Oct. 8, 2017, 7:12 p.m. | Votes: 0 | [ VOTE ]

Nice, that would be great!

@steemitboard | Oct. 8, 2017, 7:15 p.m. | Votes: 0 | [ VOTE ]

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

[IMAGE: https://steemitimages.com/70x80/http://steemitboard.com/notifications/voted.png] 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!

@jpphotography | June 3, 2018, 11:54 a.m. | Votes: 0 | [ VOTE ]

This is great, thanks a lot!

@rightsided | Dec. 24, 2018, 8:09 a.m. | Votes: 0 | [ VOTE ]

Sweet! I just found this when I was trying to find logos on FA's site. Any plans to do the same for D-tube?

@bhj | Dec. 27, 2018, 12:48 p.m. | Votes: 0 | [ VOTE ]

That's a great idea! I'll try that when I find time for it.

@joythewanderer | Oct. 9, 2019, 6:29 p.m. | Votes: 0 | [ VOTE ]

This is sooooooooo useful thank youuuuuuhu

[ BACK TO TRENDING ] [ BACK TO MENU ]
CMD>