I have installed the font awesome plugin and configured and I see the icons in the editor, however I am only getting the little boxes on the front end. As per the configuration documentation, I have added this to my user.css:

@import url('/media/templates/site/cassiopeia/css/user.css/vendor/fontawesome-free/css/fontawesome.min.css');

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url('/media/templates/site/cassiopeia/css/user.css/vendor/fontawesome-free/webfonts/fa-solid-900.woff2') format('woff2');
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    src: url('/media/templates/site/cassiopeia/css/user.css/vendor/fontawesome-free/webfonts/fa-brands-400.woff2') format('woff2');
}

...but still no display on the front end. See the page: https://www.mindfulnest.org/courses/discover-mindfulness-2024-03 (Find text "Short talks on mindfulness meditation") Thank you!

Thank you Ryan! That's what I thought with Cassiopeia but when it didn't work, I thought I would try adding the css. What else might I try?

Yes, I had done that. I have now set it to 'No'. Is that what you mean, or disable the fontawesome plugin?

Ah, beautiful Ryan. It didn't have font awesome specifically but it had an option to 'load script and style sheets'. Once disabled, that has fixed it!

Actually, that disabled the display of the font awesome social icons, so I re-enabled and then selected that extension's other option 'remove style sheets'. Now I have both working.

Thank you for the swift responses!