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

Replicate Angular Material design font specification in CSS

Angular material 设计规范说 table header 使用 54% 的黑色。如何在 CSS 中设置?

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

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

MaterialAngular官方文档代码如下:

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

.black-54 {
  color: rgba(0, 0, 0, 0.54);
  font-family: 'Roboto';
}
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<div class="black-54">I am 54% Black</div>