材料 2 在 Mat-Toolbar 中更改字体大小答案

【问题标题】：Material 2 changing font size in Mat-Toolbar材料 2 在 Mat-Toolbar 中更改字体大小
【发布时间】：2019-02-21 18:30:20
【问题描述】：

我正在尝试更改 mat-toolbar 中文本的字体大小，但似乎没有任何效果。在 plunker 示例中，我有 2 个跨度“AAA 产品”和“一些长描述”。如何更改这些元素的字体大小。将样式应用于跨度似乎没有生效。非常感谢任何帮助。

<button mat-button (click)="sidenav.toggle()" >
  <mat-icon>menu</mat-icon>
</button>

<span>AAA product  </span>
 <span class="test"></span>
<span style="font-height=10px">Some Longer description</span>

<span class="fill-remaining-space"></span>

plunker link

【问题讨论】：

标签： angular-material2

【解决方案1】：

使用 CSS：

<span style='font-size:333%;'>AAA product</span>

还有更多关于https://material.angular.io/guide/typography的信息

【讨论】：