Angular Material不会对HTML文本元素应用文本样式?

时间:2019-03-14 10:24:03

标签: angular angular-material material-design

Angular Material不会将样式应用于普通的html文本元素(例如value == reinterpret_cast<uintptr_t>(reinterpret_cast<void*>(pointer)) h1)是正常的吗?

p

对我来说像这样:

enter image description here

即使我使用的是主题,我的styles.scss也看起来像这样:

    <h1>Hallo</h1>

    <p>Test paragaph</p>

    <button mat-raised-button>Click me!</button>

如何使文本元素看起来像实体元素?

3 个答案:

答案 0 :(得分:1)

通过“看起来像物质元素” ,我认为您想要roboto font

让您进入style.css

body { 
  font-family: Roboto, Arial, sans-serif;
}

答案 1 :(得分:0)

您可能需要通过链接或将字体导入到.css或.scss文件中来导入字体。 除非您已通过'ng add'方法添加了Angular材质,否则它并不总是自动完成的。

答案 2 :(得分:0)

如果无法导入文件.css或.scss文件,则可以在index.html中添加css链接并在整个项目中使用。

<head>
     <link href="material/prebuilt-themes/indigo-pink.css" rel="stylesheet"> 
</head>

文本,您可以将CSS应用于波纹管文本元素。

<input id="name" name="name" placeholder="Enter to text" type="text">