我使用 angular 19 设置了一个新的 angular 项目,遇到了标题中提到的问题。使用 ng add cli 命令添加了材料,并在提示是否要使用排版时选择“是”。到目前为止,这很有效,我的 body 元素现在具有 mat-typography 类。
接下来,我根据文档设置自定义主题,我的主题声明如下:
@use "@angular/material" as mat;
html {
@include mat.theme(
(
color: (
theme-type: light,
primary: mat.$spring-green-palette,
),
typography: Roboto,
density: 0,
)
);
}
还按照材料文档将 Roboto 字体添加到我的元素中。此后,材料组件已应用正确的字体和排版,但诸如 等“普通”html 标签<h1>
则<p>
不然。在预定义主题中搜索应应用的规则,如果我将它们复制到我的主样式表中,它们可以正常工作,但似乎自定义主题不包含它们,即使在主题配置中设置了排版部分。
截图显示了两种情况之间的差异:
有没有人遇到过这个问题?如果是,找到了解决办法吗?