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

Font sizes

Typography helper classes allow you to easily style text according to Material Design sizing.

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
Edit this page on Github | Translate on Crowdin
Vuetify
상점기업