字体真棒图标直接链接

时间:2018-07-13 11:37:59

标签: font-awesome

在哪里可以找到原始的Font Awesome fa fa图标图像链接,我使用了Web开发人员工具[Ctrl + Shift + C],但是当我单击fa fa图标时看不到任何链接。

  

示例:fontawesome.com/image/fafa/user-circle-o.png

1 个答案:

答案 0 :(得分:0)

您可以通过这种方式尝试:

在您的文件中调用很棒的字体 将此代码(其中包含您需要的所有内容)放置在要使用Font Awesome的每个模板或页面中。

例如-

ul li {
  list-style-type: none;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #fff;
  text-align: center;
  border-radius: 100%;
  margin: 0 11px;
}
i {
  padding-top: 20%;
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />
<ul>
  <li><i class="fa fa-download"></i>
  </li>
  <li><i class="fa fa-upload"></i>
  </li>
  <li><i class="fa fa-trash"></i>
  </li>
</ul>