2016-04-26 14 views
2

Я использовал fontawsome befor, но в моем новом проекте я пробовал все возможные способы, но значок не отображается. Я установил местоположение шрифта вручную, и я удалил местоположение шрифта из файла CSS и установить его вручную, как это:font-awsome значок не отображается

<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

и это результат инспектор светлячок:

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

Что случилось?

Благодаря

+0

Возможный дубликат [FontAwesome значки не отображаются. Почему?] (Http://stackoverflow.com/questions/24922833/fontawesome-icons-not-showing-why) –

+0

Что такое , Которое вы получаете, а также вы пропускаете точку с запятой ";" в php tag –

+0

Я думаю, что расширения после ** шрифтов/fontawesome-webfont.eot ** не нужны? они также могут быть причиной ошибки. пытаться – Abbr

ответ

0

здесь является полный пример для вас: 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> 
Смежные вопросы