font-awesome 图标不显示

Question

我以前使用过fontawsome，但是在我的新项目中我已经尝试了所有可能的方法，但图标没有出现。我已经手动设置了字体的位置，我已经从 css 文件中删除了字体的位置并像这样手动设置它：

<style>
@font-face{font-family:'FontAwesome' !important;src:url('fonts/fontawesome-webfont.eot?v=4.4.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

</style>
<link rel="stylesheet" href="<?php echo $base_url ?>/font-awesome/css/font-awesome.min.css">

这是结果：

http://i.stack.imgur.com/W6X38.jpg

这是 firefox 检查器的结果：

http://i.stack.imgur.com/xF0Ay.jpg

怎么了？

谢谢

Answer 1

这里有一个完整的例子供您参考：link

 <link href="https://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css" rel="stylesheet">
<a class="btn-cta-freequote" href="#">Compute <i class="fa fa-calculator"></i></a>

Answer 2

使用这个 link 你的 header 部分 “https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.1/css/font-awesome.css”

font-awesome 图标不显示

font-awsome icon doesn't show up

css

font-awesome