我添加了
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
至index.html
但我无法在网页上显示图标，它将图标名称显示为字符串。
我试过
<span class="material-icons-outlined">
done
</span>
但它不起作用。
您可以使用以下代码在网页上显示材料图标
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>
<i class="material-icons">cloud</i>
<i class="material-icons" style="font-size:48px;">cloud</i>
<i class="material-icons" style="font-size:60px;color:red;">cloud</i>
</body>
</html>
示例
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<i class="material-icons">cloud</i>
<i class="material-icons" style="font-size:48px;">cloud</i>
<i class="material-icons" style="font-size:60px;color:red;">cloud</i>