材质图标 - 双色调图标未显示 - 在 Chrome 中

问题描述 投票:0回答:1

我使用材质图标。应用程序没有任何变化,双色图标停止显示,特别是在 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>

css material-ui fonts google-material-icons material-icons
1个回答
0
投票

你的代码非常好,它也可以在 Chrome 中运行。

© www.soinside.com 2019 - 2024. All rights reserved.