Css 字体首先加载为文本，然后加载图标

我正在网站上使用material.io图标。第一次打开站点时，图标不会加载并保留文本；在以后的所有页面加载中，图标都会正确加载

我该怎么做才能使图标第一次显示

---

提前感谢。

这种情况发生在加载material.io的css时！ 对于重要的图标，可以使用svg，这样可以加快加载速度，对于另一个图标，可以使用material.io

或者使用jQuery HTML方法在文档完全加载后显示图标 exmaple适用于：

<i class="material-icons">&#xE87C;</i>

$( document ).ready(function() {
  $('i.material-icons').html("&#xE87C;");
});

和#xE87C；
$（文档）.ready（函数（）{
$（'i.material-icons'）.html（；'）；
});

将jquery写入

$( document ).ready(function() {
   //your code comes here
});

---

在$（document）.ready（）下的代码将在第页上完成所有必要的操作后加载。

我用这个技巧找到了一个解决方案： 如果我使用以下样式编写

I

标记：

<i class="material-icons middle comment"></i>

---

使用jquery或javascript更改html。希望你知道怎么做

jQuery( document ).ready(function() {
    jQuery('i.person').html("comment");
});