Awesome font instead of image in url

4 Views

Well, I have this kind of url 

<a href="#" onclick='window.open("https://www.facebook.com/DavarashviliClinic/");return false;'>
  <img src="http://ddc.websitedesign.ge/wp-content/uploads/2016/04/f.png" alt="Facebook" />
</a>

and want to change the facebook png image with awesome font icon code

Read More
<i class="fa fa-facebook"></i>

How to do this here in top blue header my site ?!

Post Views: 4

Related posts

1 comment

  1. Just replace the img with the i and specify the required Font Awesome class.

    You can change the color by adding style="color:white;" or you can use the CSS selector 

    a i{
   color: white
}


    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel="stylesheet" />

<a href="#" onclick='window.open("https://www.facebook.com/DavarashviliClinic/");return false;'>
  <i class="fa fa-facebook" style="color:white;"></i>
</a>

Comments are closed.