在html中的span-和i-tag中使用font-awesome创建链接

时间:2016-08-23 16:44:04

标签: html

我正在尝试从span-i-tag中的某些字体 - 真棒图标创建链接,但是,这不起作用。我使用以下代码:

        <a href="mailto:?subject=Test&amp;body=Test">
          <span class="fa-stack fa-4x">
              <i class="fa fa-circle fa-stack-2x text-primary"></i>
              <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
          </span>
        </a>

3 个答案:

答案 0 :(得分:2)

尝试更改样式表的版本,有时候他们行为不端

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css">
 
<a href="mailto:?subject=Test&amp;body=Test">
          <span class="fa fa-stack fa-4x">
              <i class="fa fa-circle fa-stack-2x text-primary"></i>
              <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
          </span>
</a>

您也可以尝试将引用缩小版本更改为未压缩版本。一切都取决于。

答案 1 :(得分:1)

您的代码很好,您需要添加font-awesome.css文件和字体文件夹

答案 2 :(得分:-1)

您是否尝试对所有3个图标进行分层?