如何使用新的Material Design Icon主题：概述，圆形，双色和夏普？ [英] How to use the new Material Design Icon themes: Outlined, Rounded, Two-Tone and Sharp?

问题描述

Google已经修改了材料设计图标，其中包含4个新预设主题：

Google has revamped its Material Design Icons with 4 new preset themes:

概述，圆形，双色和夏普，以及常规填充/基线主题：

但遗憾的是，它没有说明如何使用新主题。

我一直通过Google网络字体使用它，包括以下链接：

I've been using it via Google Web Fonts by including the link:

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

然后使用所需的图标正如文档中所建议的那样：

<i class="material-icons">account_balance</i>

但它始终显示'填充/基线'版本。

But it always shows the 'Filled/Baseline' version.

我尝试过以下操作来改为使用概述主题：

I've tried doing the following to use the Outlined theme instead:

<i class="material-icons">account_balance_outlined</i>
<i class="material-icons material-icons-outlined">account_balance</i>

并将网络字体链接更改为：

and, changing the Web Fonts link to:

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

等。但它不起作用。

在黑暗中拍摄是没有意义的。

tl;博士：有没有人尝试过使用新主题？它甚至像基线版本（内联html标签）一样工作吗？或者，它是否只能以SVG或PNG格式下载？

提前致谢。

推荐答案

新主题可能不是（还是？）Material Icons字体的一部分。
https://github.com/google/material-design- icons / issues / 773

New themes are probably not (yet?) part of the Material Icons font. https://github.com/google/material-design-icons/issues/773

这篇关于如何使用新的Material Design Icon主题：概述，圆形，双色和夏普？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！