Font awesame icon not appear

[fizi]

What e107 version are you using?

Latest Github version (just updated)

Bug description

Font awesame icon not appear - content: "\f06e"; - appear if I put the link of rontawesame .css into the theme.php file.

How to reproduce

If I put the code into the style.css of theme - not appear.
If I put the link into the theme.php file (e107::css("url", "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");) the icon appear.

Expected behavior

I put the icon code into the style.css anf icon appear.

What browser(s) are you seeing the problem on?

Firefox

PHP Version

PHP 8.1.10 (localhost)

[Vodhin]

Font Awesome css files are loaded by e107. As far as I know, you do not need to call the CSS or write your own. Just add an element with the font-awesome class you want:

<i class="fa fa-plus"></i>

[fizi]

Not load.
I use the code in the style.css file (...:before {content: "\f06e";} and not load. Not the html code, css code.

[Jimmi08]

@Vodhin it is not so easy. e107 is converting icons to SVG so there is problem with pseudo classes in CSS. Plus there is very often different family name ... like fontawesome vs. Font Awesome (there are a lot of versions)
Not mention different versions of font awesome itself.

And installation pack is bigger and bigger...

@fizi I need to see your theme code or demo to tell you what is exact reason. But I run into this before.