#26 Font Awesome Love

Amy Marsh Is A Fashion Technologist In Training

font awesome

 

You may well of noticed that I might have a slight obsession/love with font awesome, at any given opportunity to use font awesome on this blog I have. It is a simple and effective way to use icons and removes the risk of pixelated ones. Therefore today I am dedicating an entire post to the lovely font awesome.

 

Let’s get started!

 

 

To be able to use font awesome within your blog you need to add  this link within the header tag in your the header.php file:

 

 

NB- You can also get this link from the font awesome website here.

 

Next to be able to able to add the icons to your site simply search the range of icons here:

 

icons

 

 

Click on your chosen icon and a screen like this will appear:

 

Screen Shot

 

From this screen copy and paste this part of the code and add it to whereabout on the website in the html you want it to show up:

 

Once placed in the html your icon will appear like so:

You can style your font awesome the same way you would normally style font.
I would recommend using font awesome for your social media icons and adding arrows to sections if needed (scroll over the social media buttons on the left).

 

DAY 26 COMPLETE!

Leave a comment with any questions or to submit your progress and make sure to check out the blog tomorrow and see what has changed!

 

Stay Updated

If you enjoyed this post, subscribe to the Fashion Technologist for updates

What are you interested in?

Discover more:
email course
(blog)Random Banner Ad Featured Image
Screen Shot 2014-06-10 at 17.43.10
two ways to make your site more secure
(feat) theFEED Profiles- RooftopAntics.com
How to change the default media linking option in wordpress
Why I do not like blog posts being By Admin
how to create a wordpress plugin

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">