search

e107inc / e107

e107 Bootstrap CMS (Content Management System) v2 with PHP, MySQL, HTML5, jQuery and Twitter Bootstrap. Issue Discussion Room: https://gitter.im/e107inc/e107
https://e107.org
GNU General Public License v3.0
318 stars 212 forks source link

Font awesame icon not appear #5248

Open fizi opened 1 month ago

fizi commented 1 month ago

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 commented 1 month ago

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 commented 1 month ago

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

Jimmi08 commented 1 month ago

@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.