3

如果页面无法加载图标库，我不希望显示图标文本。例如下面的代码应该显示邀请人图标-

<i style="font-size:16px;color:grey" class="material-icons">person_add</i>

但是当页面由于某种原因无法加载时（比如网络连接速度慢），上面的代码会显示文本——“person_add”，看起来很侮辱。这个问题有什么解决方案吗？事实上，即使库不存在，我也不希望文本以任何方式出现。

4

2 回答 2

0

您的链接有问题：

<link href="fonts.googleapis.com/icon?family=Material+Icons"**;** rel="stylesheet">

删除并在开头;添加：https://href

<head>    
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">    
</head>
于 2018-08-04T14:07:19.177 回答
0

首先清除您的缓存
然后像这样在您的头部部分添加链接

<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>

于 2018-08-04T16:12:47.340 回答