Question

我跟随t his guide使用带有角度素材的字体。问题是元素类，例如：

<a href="#" class="mat-button">somthing</a>

正在工作，而mat-typography全局类不是：

<body class="mat-typography">  
 <app-root></app-root> 
</body>

styles.css的：

/* You can add global styles to this file, and also import other style files */
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";

哪里出错？

Answer 1

请尝试在index文件而不是全局styles文件中导入字体和图标，因为我尝试使用您的@import方法，这会导致样式停止工作。

//index.html
<head>
...
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
...
<head>

编辑

此外，您不应将mat-button声明为类。所以，而不是...

<a href="#" class="mat-button">somthing</a>

...您的a元素必须声明为：

<a href="#" mat-button>somthing</a>

mat-typography CSS类不起作用

1 个答案: