Question

我使用过fontawsome befor但是在我的新项目中我尝试了所有可能的方法，但图标没有出现。我手动设置了字体的位置，我已经从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

使用此链接标题部分 “https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.1/css/font-awesome.css”

font-awsome图标不显示

2 个答案: