0

以下是我的 package.json：

"dependencies": {
    "@angular/animations": "^5.2.0",
    "@angular/cdk": "^5.2.0",
    "@angular/common": "^5.2.0",
    "@angular/compiler": "^5.2.0",
    "@angular/core": "^5.2.0",
    "@angular/forms": "^5.2.0",
    "@angular/http": "^5.2.0",
    "@angular/material": "^5.2.0",
    "@material/form-field": "^0.39.1",
    "@angular/platform-browser": "^5.2.0",
    "@angular/platform-browser-dynamic": "^5.2.0",
    "@angular/router": "^5.2.0",
    "angular4-fusioncharts": "^1.0.0",
    "core-js": "^2.4.1",
    "hammerjs": "^2.0.8",
    "jquery": "^3.3.1",
    "material-design-icons": "^3.0.1",
    "fusioncharts": "^3.12.2",
    "rxjs": "^5.5.6",
    "zone.js": "^0.8.19"
  }

我试图将其实现为：

<mat-icon>date_range</mat-icon>

图标不见了。

请帮忙。

4

2 回答 2

0

也许您错过了 index.html 文件中的字体导入：

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
于 2018-11-14T09:17:34.630 回答
0

我从我的依赖项中删除了“material-design-icons”：“^3.0.1”，并清除了我的 angular.json styles:[] 部分中的材料图标，并导入了我的 styles.css 部分。唯一需要的是正确使用 material.io 名称的 index.html 头，在此之前，一些图标有效，但其他图标（如 dark_mode）无效

在 index.html 中使用所有类型（大纲、二+色调、、）导入 - 如果您想使用的不仅仅是标准集，则需要

<head> 
  <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp"
   rel="stylesheet">
</head>
于 2021-08-19T17:22:49.570 回答