javascript - 谷歌浏览器中 Font Awesome 闪烁

标签 javascript html google-chrome fonts font-awesome

我在我的网站上使用 FontAwesome 作为我的一些图标:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

但是,在 chrome 中,当我刷新页面时,Font Awesome 需要 0.5 秒左右的时间来加载,导致页面移动,然后在加载字体时返回。

我已经在 Edge 和 Firefox 上试过了,它们会立即加载,这是为什么?

最佳答案

尝试将其直接放在您的托管服务器上并从那里加载。从 CDN 加载 Assets 有时会导致问题。

关于javascript - 谷歌浏览器中 Font Awesome 闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35107237/

相关文章:

javascript - 如何将项目光滑网格添加到多选文本框?

javascript - 从动态生成的音频标签监听audio.end

html - 用于 Facebook 和其他社交媒体中的图像的 CSS

jquery - 如何解决在我的模板中打开页面的问题?

android webview调用使用chrome浏览器

javascript - 使用face-api.js包(node.js)时导入@tensorflow/tfjs-node时出现问题

javascript - 如何按日期对 javascript 数组进行排序

javascript - anchor 标签显示全链接问题

javascript - 为什么 Chrome 不在控制台中显示文档对象的属性和方法?

javascript - 如何在 Chrome 中触发 onSelect Datalist