What does content mean in css?

Question

css

Faced with the fact that chrome does not draw icons, F12, and there is neither img nor bg.
CSS:

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

If you cancel the content and turn it on again, then everything is drawn.
How does the browser understand that content: "\f411" is an icon?

Answer 1

This is the specified character in the genericicons font. Put a different symbol or choose a different font

Answer 2

The content property allows you to insert generated content into the text of a web page that is not originally in the text.

Answer 3

read about :after , :before

Answer 4

With the help of this construction
div {
content: "Some text"
}
You can insert some text into this same div. Most often used to insert special characters