排版

应用程序的排版与其功能一样重要。Vuetify.js 使用 Material Design 规范中所要求的 Roboto 字体。每个标题大小也有一个相应的辅助器类来设置其它元素的样式。

字体大小

排版助手类允许你能够根据 Material Design 规范所要求的大小来简便的创建文本样式。

Typography Display Classes
ClassInformation
.display-4Light 96sp
.display-3Light 60sp
.display-2Regular 48sp
.display-1Regular 34sp
.headlineRegular 24sp
.titleMedium 20sp
.subtitle-1Regular 16sp
.subtitle-2Medium 14sp
.body-1Regular 16sp
.body-2Regular 14sp
.captionRegular 12sp
.overlineRegular 10sp
Style and Weight Classes
ClassInformation
.font-regularRegular 10sp
.font-weight-lightCondensed Light
.font-weight-thinThin
.font-weight-regularRegular
.font-weight-mediumMedium
.font-weight-boldBold
.font-weight-blackBlack
.font-italicitalic
.font-italic font-weight-lightLight italic
.font-italic font-weight-mediumMedium italic
.font-italic font-weight-boldBold italic

示例

Quantum Mechanics

Regular

6.626069x10-34

Thin

One hundred percent cotton bond

Bold italic

Quasiparticles

Bold

It became the non-relativistic limit of quantum field theory

Condensed

PAPERCRAFT

Light italic

Probabilistic wave - particle wavefunction orbital path

Medium italic

ENTANGLED

Black

Cardstock 80lb ultra-bright orange

Medium

STATIONERY

Thin

POSITION, MOMENTUM & SPIN

Condensed Light