Что значит content в css?

Question

[Михаил Шатилов]

Столкнулся с тем, что хром не прорисовывает иконки, F12, а там нет ни img, ни bg.
CSS:

font-family: 'genericons';
content: "\f411";
font-size: 1.5em;

Если отменить с-во content и опять включить, то все прорисовывается.
Откуда браузер понимает что content: "\f411" - иконка?

Comments

[Михаил Шатилов]

Я знаю что значит "content" в CSS. По правилам тостера нужно задать вопрос, по другому сформулировать не вышло.

Другое дело, первый раз встретил использование иконок в шрифте.

Answer 1

[Дмитрий Евграфович]

Это указанный символ в шрифте genericicons. Поставьте другой символ или выберите другой шрифт

Comments

[Михаил Шатилов]

Спасибо, понял. Не слыхал такого ранее.
А почему хром может не прорисовывать его, достаточно провести мышкой над элементом, и он прорисуется?

[Михаил Шатилов]

@Aingis (не нашел личку) не думаю, что дело в браузере, хотя лиса справляется. Может посмотрите? prankota.com/?attempt=1 s14.radikal.ru/i187/1402/ad/05f8ae5a9dd9.png

Answer 2

[Seva Sargsyan]

Свойство content позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте отсутствует.

Answer 3

[ClassicRed]

почитайте про :after, :before

Comments

[Александр Борисович]

капец просто, у человека гугл сломался..

Answer 4

[Quber]

С помощью такой конструкции
div {
content: "Какой то текст"
}
Вы сможете вставить какой то текст в этот самый див. Чаще всего используют для вставки спец символов