-
Posts
-
I have a pro license to Font Awesome 5 and I would like to include it as an icon pack in Enfold. I can get it to work by uploading the SVG to fontello.com and generating the font zip file. But Font Awesome 5 already includes the web font files. Why cant I directly upload the files from Font Awesome 5? Looking at the contents of the zip file generated by Fontello, its the exact same files that are in the ‘web-fonts-with-css’ folder in the Font Awesome 5 download. I renamed it to ‘fonts’ and deleted all other extraneous files, but I still get the generic error ‘Couldn’t add the font because the server did not respond’.
What exactly is Fontello doing?
https://kriesi.at/support/topic/how-to-add-own-icon-fonts-that-are-not-at-fontello-or-flaticon/
OK, got this working after digging into it. Two issues here:
1. The SVGs provided by Font Awesome 5 are not valid XML. Its an easy fix; open up the SVG file and remove the top XML comment. Ive already submitted a GitHub bug to them to resolve this.
https://github.com/FortAwesome/Font-Awesome-Pro/issues/9262. All of the Font Awesome 5 font families (light, regular, sold, brands) have a font id of “fontawesome-pro”, which makes sense. However the Enfold theme doesn’t seem to support font families. This isn’t an issue if you just want to use one of them as it will use the name “fontawesome-pro”. If you want to use more than one, you need to manually change the font id attribute in the SVG to the name of the actual files for that family; “fa-brands-400”, “fa-light-300”.
Don’t ever say I didn’t do anything for you.. This was a pain. ;)
- The topic ‘Font Awesome 5’ is closed to new replies.