font-awesome 图标不显示
font-awsome icon doesn't show up
我以前使用过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
怎么了?
谢谢
这里有一个完整的例子供您参考: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>
使用这个 link 你的 header 部分
“https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.1/css/font-awesome.css”
我以前使用过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
怎么了?
谢谢
这里有一个完整的例子供您参考: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>
使用这个 link 你的 header 部分 “https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.1/css/font-awesome.css”