2015-09-04 2 views
2

Я уверен, что код css верен. Но Firefox не может понять и отобразить его.Невозможно использовать содержимое содержимого css: « f111» в Firefox

Вот случай 1 в CSS:

.fa-circle:before { 
    content: "\f111" 
} 

enter image description here

и вот еще один случай:

.fa-group:before, 
.fa-users:before { 
    content: "\f0c0" 
} 

enter image description here

Можете ли вы сказать мне, как это исправить? Спасибо!

+0

Убедитесь, что свойство '' '' '' '' '' '' '' font' установлено в 'normal normal normal 14px/1 FontAwesome;' и не будет переопределено чем-то другим. –

+0

какая версия * font-awesome * вы используете? в качестве рабочего штрафа за ** 4.4.0 ** – vivekkupadhyay

+0

@vivekkupadhyay Я использую версию 4.2.0 –

ответ

0

Звучит для меня как ваши контейнеры псевдоэлемента (элементы i и span) имеют свои свойства font, переопределенные чем-то другим.

В элементе инспектора Firefox, вы должны увидеть следующие наследуемые стили:

Example

главное font-family свойство должно не бы линию через него - если это произойдет, это означает, что шрифт используется ISN 't Font Awesome. Если это так, вы вместо того, чтобы увидеть:

Example 2

Если это так, то шрифт используется не Фонт Удивительными и запрашиваемый код символа не существует в наборе символов другого шрифта ,

+0

только «body font-family» был переопределен: 'body {font-family:« Helvetica Neue », Helvetica, Arial, sans-serif; } '. Итак, 'FontAwesome' работает –

+0

@Kevin, который находится на псевдоэлементе, а не только' .fa', так? –

+0

Я вижу. Я проверю его снова –