Dart 如何将材质角省道组件的排版与省道2一起使用？

我想在组件中使用材质排版，并借助材质角度_省道组件。我该怎么做？ app_component.html

<section class="layout">
    <h1 class="headline">The headline goes here!</h1>
    <h2 class="sub-headline">Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.</h2>
    <div class="body-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</section>

---

你可以使用一些混合器

例如：

@import 'package:angular_components/css/material/material';

.headline {
  @include mat-font-headline;
}

.sub-headline {
  @include mat-font-subhead;
}

.body-text {
  @include mat-font-body;
}

---

我需要导入哪些mixin才能使代码正常工作。导入与您在上面的问题中的导入相同。它收集公共变量和mixin。具体的混入显示在包含的代码中。添加了一个屏幕截图。它对我有用。你有Roboto字体吗？您需要在头部使用如下链接标记：

@import 'package:angular_components/css/material/material';

.headline {
  @include mat-font-headline;
}

.sub-headline {
  @include mat-font-subhead;
}

.body-text {
  @include mat-font-body;
}