造成这个问题的原因是因为在 Angular 应用程序中使用了'font: inherit”,该字体重置了父元素中定义的字体。 这可能导致字体样式的混乱,因为您的应用将无法确定正确的字体。
要解决此问题,可以使用inline样式或在应用的全局CSS中定义字体,并避免使用'font:inherit”。
以下是使用inline样式的示例代码:
如果您使用的是 Sass,则可以在全局样式表中定义字体,如下所示:
$font-stack: Helvetica, sans-serif; $primary-color: #333;
body { font-family: $font-stack; font-size: 14px; color: $primary-color; }
这样,您就可以确保所有元素都使用正确的字体样式,在您的 Angular 应用程序中应用全局样式。