3

Я пытаюсь использовать FontAwesome в моем проекте Rails, но без Bootstrap или использование классов à la <i class="icon-camera-retro"></i>.Как использовать FontAwesome без классов и без Bootstrap в проекте Rails?

Я бросил все файлы шрифтов в 5 в мою папку /assets/fonts, а затем в моем base.css я это делаю:

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('fontawesome-webfont.eot?v=3.0.1'); 
    src: url('fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), 
    url('fontawesome-webfont.woff?v=3.0.1') format('woff'), 
    url('fontawesome-webfont.ttf?v=3.0.1') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

Тогда я хочу сделать что-то вроде этого:

<span class="foo">Text</span> 

.foo:before { 
    font-family: 'FontAwesome'; 
    content: "\2022"; 
} 

Проблема заключается в том он вообще не работает.

Может ли кто-нибудь сказать мне, как это делается?

Спасибо за любую помощь.

ответ

8

Я думаю, что ваш код в порядке, у меня он работает один и тот же:

span:before { 
content: "\f059"; 
font-family: 'FontAwesome'; 
font-size: 120%; 
} 

У меня есть значок вопроса (значок-вопросительный знак - &#xf059;)

Мой вопрос к вам, что это?

содержание: "\ 2022";

Я не вижу здесь ... не может быть ваш ответ ..:

FontAwesome Sheet

значок-камеры ретро должно быть:

содержание: "\ F083" ;

+0

ОК, спасибо. Я сделал глупую ошибку в моем css (я ссылался на неправильный файл). Ваше решение помогло мне, однако, поэтому я отметил его как правильное. – Tintin81

 Смежные вопросы

  • Нет связанных вопросов^_^