Hi Ivo
i have a problem with a CSS customization.

Joomla version: 4.1.2
Templete: Beauty: 1.4.0
Gantry 5.5.12
Page Settings:
Font Awesome Settings: all enable and Version: Font Awesome 5 Free (Webfont/CSS)


CSS Custom code:

.tag-hab {

    color: #293133;

    font-family:Fahkwang;

    font-size: 1.3rem;

    text-indent: 20px;

    list-style-type: none;

        li::before {

            content:">>";

            font-size: 1.4rem;

            font-weight: 900;

            margin-right: 8px;

            color: #99be18;

        }

}

Article html code:

<ul class="tag-hab">

		<li>Et harum quidem rerum</li>

		<li>omnis voluptas assumenda est</li>

		<li>ut aut reiciendis voluptatibus</li>

		<li>quibusdam et aut </li>

		<li>consequatur aut perferendis doloribus</li>

	</ul>

Front End:

>> Et harum quidem rerum
>> omnis voluptas assumenda est
>> ut aut reiciendis voluptatibus
>> quibusdam et aut
>> consequatur aut perferendis doloribus

The Trouble:

if i change content:">>" and i put a FontAwsorme code such us content:"\f058" the icon is not showed or it show an unrecognizable icon.