loading FontAwesome locally if the CDN fails

Just this week I had a problem w/ two of my clients’ websites. It seems that Font Awesome wasn’t loading from the CDN that they supply after you fill out the form on their “Get Started” page (pictured above). The solution I slapped together (below) will only work if your site is using this JavaScript loader (1st line of code below, but your’s won’t have all zeros).

It basically looks for a value that would be in an object returned with the FontAwesome code. If that value doesn’t exist, then it will use the CSS file specified in the “document.write…” line of code (replace this with the location and name of your local FontAwesome file).

<script src="https://use.fontawesome.com/0000000000.js"></script>

<script>
if (!window.FontAwesomeCdnConfig.useUrl) {
document.write('<script src="/my-site/css/font-awesome.min.css"><\/script>');
}
</script>

Please, let me know in the comments if this little tip helped you at all.


Originally published at dustin caruso.

Show your support

Clapping shows how much you appreciated dustin caruso’s story.