타이포그래피 (활자, Typography)

타이포그래피는 어플리케이션의 기능만큼 중요합니다. Vuetify.js는 메테리얼 디자인 스팩의 Roboto Font 를 사용합니다. 각 헤딩(heading) 크기를 정하는 관련 헬퍼 클라스를 이용해서 여러 컴포넌트의 스타일을 통일할 수 있습니다.

WIP
.display-4
Light 112sp
.display-3
Regular 56sp
.display-2
Regular 45sp
.display-1
Regular 34sp
.headline
Regular 24sp
.title
Medium 20sp
.subheading
Regular 16sp
.body-2
Medium 14sp
.body-1
Regular 14sp
.caption
Regular 12sp
Roboto Thin
.font-weight-thin
Roboto Light
.font-weight-light
Roboto Regular
.font-weight-regular
Roboto Medium
.font-weight-medium
Roboto Bold
.font-weight-bold
Roboto Black
.font-weight-black
Roboto Thin Italic
.font-weight-thin.font-italic
Roboto Light Italic
.font-weight-light.font-italic
Roboto Regular Italic
.font-weight-regular.font-italic
Roboto Medium Italic
.font-weight-medium.font-italic
Roboto Bold Italic
.font-weight-bold.font-italic
Roboto Black Italic
.font-weight-black.font-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