I connect two style files to the document:

<link rel="stylesheet" href="css/main.min.css" /> <link rel="stylesheet" href="libs/svg/css/fontawesome-all.min.css" />

And the second one does not work for me, although the path is correct. Here is the file structure:

 -app --css ---main.min.css --libs ---svg ----fontavesome-all.min.css

Now, the whole incomprehensibility is that when I connect both files at once, it does not work, but WHEN I connect only the second file, everything works. It turns out that Font Awesome only works without main.min.css. What is the problem? Photo when two style files are connected at once

Photo where the main first style is disabled

    1 answer 1

    Connect at first fontawesome and then your styles (according to your info this is the maximum of what I can say). And the problem is rather that the main.css conflicts with the styles of the avesome, look through the styles inspector icons.

    • You were right, I made a mistake in the basic styles of the main file, accidentally adding the font to all pseudo-elements: Roboto. It was my mistake, the icons picked up the base font and there was a conflict between the styles) - Andrey Dobrin