如何使用JavaScript检查网页中是否加载了Font Awesome?

康马克

我需要检查网页中是否包含Font Awesome。如果没有,我将用javascript加载它。Kinda喜欢facebook sdk如何检查以查看是否存在一个包含id“ facebook-jssdk”的脚本元素,如果是这样,它只会返回(不执行任何操作),否则会加载它。我需要为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);
};

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Font Awesome字体无法加载?

来自分类Dev

Font awesome not working server

来自分类Dev

React中的Font Awesome图标

来自分类Dev

在Swift中动态使用Font Awesome

来自分类Dev

在Swift中动态使用Font Awesome

来自分类Dev

Font-Awesome-Rails无法加载图标

来自分类Dev

Font-Awesome不会加载字体

来自分类Dev

Bootstrap 3.0和Font Awesome

来自分类Dev

Adding styles to font awesome icons

来自分类Dev

Font Awesome 4.0新语法

来自分类Dev

Ruby函数内部的Font Awesome

来自分类Dev

重写Font Awesome的glyphicon代码

来自分类Dev

Font Awesome 图标未显示

来自分类Dev

Font Awesome 图标直接链接

来自分类Dev

打开页面时如何避免 Font Awesome 加载/“跳转”?

来自分类Dev

如何抵消重叠的Font Awesome图标?

来自分类Dev

如何通过Bower安装Font-awesome

来自分类Dev

删除未使用的Font Awesome图标

来自分类Dev

Font Awesome无法在离线模式下使用

来自分类Dev

结合使用Font Awesome Unicode和Coldfusion

来自分类Dev

在jQuery SVG中使用Font Awesome

来自分类Dev

在 Webpack 和 ExtractTextPlugin 中使用 Font Awesome

来自分类Dev

在Inkscape中使用Awesome字体

来自分类Dev

是否有从Font Awesome 3.2.x到Font Awesome 4.0的升级指南?

来自分类Dev

如何禁用jQuery中的Font-Awesome按钮?

来自分类Dev

如何在<input>按钮中添加Font Awesome图标?

来自分类Dev

如何在Font Awesome 5中水平对齐分层图标?

来自分类Dev

如何禁用jQuery中的Font-Awesome按钮?

来自分类Dev

如何使用Font Awesome字体实现基本的共享社交按钮?