我正在尝试在这样的导航栏组件中使用 mat-icon
<mat-toolbar>
<span><img class="icon" src="../../assets/icon.png" fxFlex="auto"></span>
<span class="fill-space"></span>
<button mat-icon-button>
<mat-icon aria-label="restart">mic</mat-icon>
</button>
<i class="material-icons">face</i>
</mat-toolbar>
但是页面中显示的不是图标，而是文本“mic”和“face”
我已经在 app.module.ts 中导入了模块
import {MatCardModule,
MatIconModule,
MatToolbarModule,
MatButtonModule,
MatFormFieldModule,
MatInputModule,
MatSliderModule,
MatSnackBarModule,
MatTableModule,
MatTooltipModule,
MatProgressBarModule,
} from '@angular/material';
imports: [
BrowserModule,
ImageCropperModule,
BrowserAnimationsModule,
MatCardModule,
MatIconModule,
MatToolbarModule,
MatButtonModule,
MatFormFieldModule,
MatInputModule,
MatSliderModule,
MatSnackBarModule,
MatSlideToggleModule,
MatTableModule,
MatTooltipModule,
MatProgressBarModule,
...
并且字体也在 index.html 中加载。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>app</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?
family=Roboto:300,400,500,700|Roboto+Mono:300" rel="stylesheet">
<link …