如果页面无法加载图标库，我不希望显示图标文本。例如，下面的代码应该显示邀请人图标-
<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>
首先清除缓存
然后在头部添加链接，如
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
然后在你的身体部分添加这个
<i style="font-size:16px;color:grey" class="material-icons">person_add</i>
它应该像这个
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<!--your code-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--your code-->
</head>
<body>
<!--your code-->
<i style="font-size:16px;color:grey" class="material-icons">person_add</i>
<!--your code-->
</body>
</html>