小编Aj3*_*334的帖子

如何使用新的Material Design Icon主题:概述,圆形,双色和夏普?

谷歌已经用4个新的预设主题改进了其Material Design Icons:

除了常规的填充/基线主题外,还有轮廓,圆角,双色和夏普:


但是,不幸的是,它并没有说任何地方如何使用新的主题.


我一直通过谷歌网络字体使用它包括链接:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)

然后使用文档中建议的所需图标:

<i class="material-icons">account_balance</i>
Run Code Online (Sandbox Code Playgroud)

但它总是显示'填充/基线'版本.


我尝试过以下操作来使用Outlined主题:

<i class="material-icons">account_balance_outlined</i>
<i class="material-icons material-icons-outlined">account_balance</i>
Run Code Online (Sandbox Code Playgroud)

并将Web Fonts链接更改为:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons&style=outlined" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)

等但它不起作用.


在那样的黑暗中拍摄是没有意义的.


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

提前致谢.

icons material-design google-material-icons

113
推荐指数
9
解决办法
6万
查看次数