Font Awesome questions, some icons not showing up #2060
Replies: 1 comment 3 replies
-
The main differences between using FA 4.7 which comes with Understrap (or any other version you incorporate into your theme) and FA that comes with a plugin is that you can control every aspect. You can customize which icons to use and reduce the CSS needed for your website. By default FA 4.7 adds about 3000 lines to theme.css which can be reduced to a couple of lines if you use just a hand full of icons. You can decide whether to load necessary CSS file(s) in addition to your theme.css or add it to your theme.css (by default Understrap does the latter). You don't have to take care where asset files are hosted (you definitely host it yourself unless you are using a CDN) and if and to what extend this impacts the privacy of your website users. Using a plugin you become dependent on the FA version provided by the plugin. The best way to remove FA from the child theme is to remove line 7 in child-theme.scss. But keep in mind that Understrap uses FA icons in There have been discussions on updating FA (see #547 and #586) in the past. I don't know about the theme owner's plans concerning FA. Maybe @bacoords can shed some light upon this. Here's a guide on upgrading from v4 to v6: https://fontawesome.com/docs/web/setup/upgrade/upgrade-from-v4. You may want to categorize this discussion under Q&A instead of using "General" as category. |
Beta Was this translation helpful? Give feedback.
-
Hi,
I apologize if this is a stupid question, but I'm new to Understrap (using the child theme), and some of my Font Awesome icons are not showing up without using the Font Awesome plugin. I tried using variations of .fa and .fa-solid, and that works for some of them, but not all of them. One example that doesn't work is fa-file-lines. They show up fine with the plugin. I would like to figure out how to get them to work, but I also have some more general questions:
Could someone please explain to me what the advantage of adding the font files locally in the theme is compared to using the plugin with a kit?
If I decide to go with the plugin instead, what's the best way to remove Font Awesome from the child theme?
Is there a reason the theme uses Font Awesome 4.7.0 rather than the current version? How can I update it?
I would really appreciate your help!
Beta Was this translation helpful? Give feedback.
All reactions