Angular Material не применяет стилизацию текста к текстовым элементам HTML?

Question

Это нормально, что Angular Material не применяет стилизацию к обычным текстовым элементам HTML, таким как h1 и p?

    <h1>Hallo</h1>

    <p>Test paragaph</p>

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

Для меня выглядит так:

:

Несмотря на то, что я использую тему, мой styles.scss выглядит так:

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

Как сделать текстовые элементы похожими на элементы материала?

Answer 1

По 'похожи на материальные элементы' , я полагаю, вы хотите roboto font .

Есть ли у вас в style.css:

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

Answer 2

если вы не можете импортировать файл .css или .scss, тогда вы можете добавить ссылку css в index.html и использовать ее по всему проекту.текстовые элементы.

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

Answer 3

Вам может потребоваться импортировать шрифт по ссылке или импортировав его в файл .css или .scss. Это не всегда выполняется автоматически, если вы не добавили материал Angular с помощью метода 'ng add'.