在CSS中复制Angular Material设计字体规范

Question

角度材料设计规范表明它使用54％的黑色表头。如何在CSS中设置？

规范参考：http://www.google.com/design/spec/components/data-tables.html#data-tables-interaction

Answer 1

参考： https://material.angularjs.org/latest/#/demo/material.components.toolbar

下面的Material Angular官方文档代码：

这里的54%是指官方文档代码确认的文本的opacity。您可以使用以下内容在CSS中实现它：

＆＃13;

＆＃13;

.black-54 {
  color: rgba(0, 0, 0, 0.54);
  font-family: 'Roboto';
}

＆＃13;

<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<div class="black-54">I am 54% Black</div>

＆＃13;

＆＃13;

＆＃13;