我不希望在页面无法加载图标库的情况下显示图标文本。例如,下面的代码应显示邀请者图标-
<i style="font-size:16px;color:grey" class="material-icons">person_add</i>
但是当页面由于某种原因(例如互联网连接速度慢)无法加载时,上面的代码会显示文本 - “person_add”,看起来非常侮辱性。这个问题有什么解决方案吗?事实上,即使库不存在,我也不希望文本以任何方式出现。
最佳答案
您的链接有问题:
<link href="fonts.googleapis.com/icon?family=Material+Icons"**;** rel="stylesheet">
删除 ;
并在 href
开头添加 https://
:
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
关于jquery - Google Material 图标显示文本而不是图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51686246/