Dynamically check if Font Awesome CDN loaded

font-awesome-loaded.js

function css(element, property) {
  return window.getComputedStyle(element, null).getPropertyValue(property);
}

window.onload = function () {
  var span = document.createElement('span');
  
  span.className = 'fa';
  span.style.display = 'none';
  document.body.insertBefore(span, document.body.firstChild);
  
  if ((css(span, 'font-family')) !== 'FontAwesome') {
    // add a local fallback
  }
  document.body.removeChild(span);
};

Cool idea, thanks.

BTW, foNTweSOMe can be called with any case. So you should take the font-family and toLowerCase() then compare against the lowercase fontawesome.

I guess default should be fine... 😜 Thanks Matt, really nice! 😄