url 中的真棒字体而不是图像

Question

嗯，我有这种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>

并想用很棒的字体图标代码更改 facebook png 图像

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

如何在顶部蓝色中执行此操作 header my site ?!

Answer 1

只需将 img 替换为 i 并指定所需的 Font Awesome class。

您可以通过添加 style="color:white;" 或使用 CSS 选择器

来更改颜色

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>

url 中的真棒字体而不是图像

Awesome font instead of image in url

php

html

css

wordpress

font-awesome