我使用材质图标。应用程序没有任何变化,双色图标停止显示,特别是在 Chrome 中,但似乎可以在其他浏览器(Safari、Firefox)中使用。材质图标有效(即
class="material-icons"
),但双色图标无效(class="material-icons-two-tone"
)。
我在
<head>
中包含字体,如下所示,
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp">
。
然后像这样在
<body>
中使用,<span class="material-icons-two-tone">assistant</span>
,什么也没有显示,但是如果我使用<span class="material-icons">assistant</span>
,那么它就可以了。
这工作得很好。知道为什么它不能只在 Chrome 中运行吗?以及如何解决?
下面的代码可在本地重现。它应该有效,但没有。从类名中删除 "-two-tone",其他字体就可以工作了。
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp">
<style>
</style>
<script src=""></script>
<body>
<span class="material-icons-two-tone">assistant</span>
</body>
</html>
你的代码非常好,它也可以在 Chrome 中运行。