材质2在Mat-Toolbar中更改字体大小

时间:2017-11-13 03:55:59

标签: angular-material2

我正在尝试更改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

1 个答案:

答案 0 :(得分:0)

使用CSS:

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

有关https://material.angular.io/guide/typography

的更多信息