Question

以下是我的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>

图标丢失。

请帮助。

Answer 1

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

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

材质图标未渲染

1 个答案: