如何在 web 页面中使用材质图标

Question

我添加了

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

index.html

但我无法在 web 页面上显示图标，它将图标名称显示为字符串。

我试过了

<span class="material-icons-outlined">
  done
</span>

但它不起作用。

Answer 1

您可以使用此代码在 web 页面上显示材料图标

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

如何在 web 页面中使用材质图标

问题描述

1 个解决方案

解决方案1
2 2021-11-30 13:43:44

如何在 web 页面中使用材质图标

问题描述

1 个解决方案

解决方案1 2 2021-11-30 13:43:44

解决方案1
2 2021-11-30 13:43:44