Блог

Главная - Вопросы по программированию - Значки Font Awesome 4.1 не работают?

Значки Font Awesome 4.1 не работают?

#css #web #font-awesome

#css #веб #шрифт -awesome

Вопрос:

Я попытался добавить этот код в свой заголовок

 <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">

И когда это не сработало, добавьте весь проект из Font Awesome GitHub

Похоже, ни то, ни другое не работает. Все значки до 4.1 загружаются нормально, но те, которые мне нужны из 4.1, не работают (а именно fa-cube). У кого-нибудь еще есть эта проблема?

Ответ №1:

Вы можете использовать <i> тег для добавления Font Awesome . Вот как вы бы это использовали:

HTML:

 <div>
    <i class="fa fa-cube"></i>
</div>

Вы можете увидеть это здесь-> http://jsfiddle.net/Zv8mH /

Надеюсь, это поможет!!!

Ответ №2:

Как вы можете видеть в опубликованном файле CSS:

 @font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefixamp;v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

Шрифты также должны быть добавлены в проект, потому что на них ссылается файл CSS.

Комментарии:

1. Я действительно снова протестировал проект GitHub, создав локальный каталог на своем компьютере, и он сработал… и все, что мне было нужно, это <ссылка>. Но когда я помещаю проект на свой сервер Business Catalyst, куб перестает отображаться…

2. Шрифты добавлены в ваш проект? Они загружены?

3. Когда я тестировал на своем рабочем столе, у меня была только папка FontAwesome и индексный файл со ссылкой на font-awesome.min.css

Ответ №3:

Здесь вы можете проверить. Это работает.

Код следующий:

 <span class="fa fa-cube"></span>

Ответ №4:

 Ensure the following:
1. You have linked the correct stylesheet 
2. You have enclosed the icon class with <i> tag
<i class="fa fa-cubes"></i>

You can find more icons available with fontawesome at http://fontawesome.io/icons/
Метки: