Material Design Lite 互动版

排版/Typography

Material Design提供了11种规格的文字样式供不同场景下排版使用:

typography

Material Design Lite

在MDL中,使用样式类mdl-typography--{name}声明文本的排版样式:

<h1 class="mdl-typography--title">Hello,Material Design</h1>
<p class="mdl-typography--body-2">this is a demo</p>
使用Material Design调色板中的颜色,修改示例代码中的文字色彩!