javascript - 如何使用javascript检查网页中是否加载了Font Awesome？

Question

我需要检查网页中是否包含 Font Awesome。如果没有，我将使用 javascript 加载它。有点像 facebook sdk 检查是否有一个包含 id“facebook-jssdk”的脚本元素，如果有，它就返回(什么都不做)，如果没有，它就加载它。我需要为 Font Awesome 做这件事。

Answer 1

我认为这是检查 font-awesome 的最佳方式，但我不确定它是否比重新加载更慢，即使它存在。

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);
};