网站首次加载时显示为名称的材质图标

Ter*_*son 6 javascript css typescript angular-material angular

Angular 7 和材质图标存在一个问题,当网站最初加载时,图标的名称会显示。

有没有办法防止这种情况

在此输入图像描述

Ton*_*nas 0

将您的样式表引用添加到<head>

如果 Material 或 Material Icons 的样式表位于 index.html 文件的较低位置或者是延迟加载的,那么将会短暂地显示图标的文本而不是图标本身。

在标签index.html之间添加以下内容<head></head>

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