drag_indicator 未包含在 material 设计中的常规图标中

Question

drag_indicator 未包含在 material 设计中的常规图标中。我应该以某种方式手动添加它吗？

根据 this 指南，我在以下 css:

的帮助下添加了图标

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("@{fontPath}/MaterialIcons-Regular.eot"); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url("@{fontPath}/MaterialIcons-Regular.eot?#iefix")format("embedded-opentype"), url("@{fontPath}/MaterialIcons-Regular.woff2") format('woff2'), url("@{fontPath}/MaterialIcons-Regular.woff") format('woff'), url("@{fontPath}/MaterialIcons-Regular.ttf") format('truetype'), url("@{fontPath}/MaterialIcons-Regular.svg") format('svg');
}

.grey-color {
    color: @grey-color;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    text-rendering: optimizeLegibility;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

现在我可以使用代码嵌入一些图标了。例如。以下标记片段按预期工作（显示 move_vert 图标）：

<span class="material-icons">
    &#xe5d4;
</span>

虽然以下部分不起作用：

<span class="material-icons">
    &#xf58e;
</span>

看来遇到这个问题的不止我一个。 Here 是一个类似的线程。但目前尚不清楚该线程得出的结论是什么。所以，这个问题仍然与发布在这里有关。

Answer 1

它包含在内，可能问题是您的 Material 图标库是在本地下载的（自托管网络字体）并且它很旧。

如果您通过 Google-hosted Fonts 使用字体，不会出现任何问题。

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">
    <title>Example</title>
</head>
<body>
       <i class="material-icons">drag_indicator</i>
</body>
</html>

尝试重新下载字体，如果没有帮助，您也可以从 google 虚拟主机提供的相同来源下载 WOFF2 文件：WOFF2
其中包括link：https://fonts.googleapis.com/icon?family=Material+Icons

drag_indicator 未包含在 material 设计中的常规图标中

drag_indicator is not included with the regular icons in material design

css

fonts

icons

angularjs

material-design