서체 적용

디스플레이는 한눈에 쉽게 볼 수 있는 주요 정보, 중요한 측정항목, 신뢰도 또는 표현력 있는 브랜드 순간을 표시하는 데 사용되는 크고 짧은 텍스트 문자열에 활용됩니다.

• DisplayLarge는 가장 큰 헤드라인입니다. 디스플레이는 화면에서 가장 큰 텍스트로, 짧고 한눈에 잘 들어오는 히어로 정보, 중요한 측정항목, 신뢰도 또는 눈에 띄는 크기와 스타일의 이점을 누리는 표현력 있는 브랜드 순간에 사용됩니다.
• DisplayMedium은 두 번째로 큰 헤드라인입니다. 디스플레이는 화면에서 가장 큰 텍스트로, 짧고 한눈에 보기 쉬운 히어로 정보, 중요한 측정항목, 신뢰도 또는 눈에 띄는 크기와 스타일의 이점을 누리는 표현력 있는 브랜드 순간에 사용됩니다.
• DisplaySmall은 가장 작은 헤드라인입니다. 디스플레이는 화면에서 가장 큰 텍스트로, 짧고 한눈에 잘 들어오는 히어로 정보, 중요한 측정항목, 신뢰도 또는 눈에 띄는 크기와 스타일의 이점을 누리는 표현력 있는 브랜드 순간에 사용됩니다.

제목은 페이지, 섹션 제목, 하위 섹션 제목 (TitleSmall의 경우)과 같이 길을 찾는 메커니즘으로 사용되는 계층적 텍스트입니다.

• TitleLarge는 가장 큰 제목입니다. 제목은 표시보다 작습니다. 일반적으로 중요도가 보통이고 길이가 짧은 텍스트에 사용되며 상호작용 구성요소보다는 페이지 제목이나 부제목에 사용하는 것이 좋습니다.
• TitleMedium은 중간 제목입니다. 제목은 표시보다 작습니다. 일반적으로 중요도가 보통이고 길이가 짧은 텍스트에 사용되며 상호작용 구성요소보다는 페이지 제목이나 부제목에 사용하는 것이 좋습니다.
• TitleSmall은 가장 작은 제목입니다. 제목은 표시보다 작습니다. 일반적으로 중요도가 보통이고 길이가 짧은 텍스트에 사용되며 상호작용 구성요소보다는 페이지 제목이나 부제목에 사용하는 것이 좋습니다.

라벨은 상호작용 시 발생하는 작업을 설명하는 구성요소 수준 텍스트에 사용됩니다. 라벨의 가장 일반적이고 널리 사용되는 적용 사례는 버튼 내에 중첩된 텍스트입니다.

• LabelLarge는 가장 큰 라벨입니다. 라벨은 제목 버튼의 라벨과 같은 눈에 띄는 텍스트를 표시하는 데 사용되며 대화형 구성요소에 적용됩니다.
• LabelMedium은 중간 라벨이며 가장 일반적으로 사용됩니다. 라벨은 버튼의 기본 라벨과 같은 텍스트를 표시하는 데 사용되며, 대화형 구성요소에 적용됩니다.
• LabelSmall은 작은 라벨입니다. 라벨은 버튼의 보조 라벨, 콤팩트 버튼의 라벨과 같은 텍스트를 표시하는 데 사용되며, 대화형 구성요소에 적용됩니다.

본문은 본문 카피의 단락, 복잡한 데이터 시각화에 사용되는 텍스트, 타임스탬프, 메타데이터와 같은 콘텐츠 텍스트용으로 예약되어 있습니다.

• BodyLarge는 가장 큰 본문입니다. 본문 텍스트는 작은 텍스트 크기에 잘 어울리므로 일반적으로 장문의 글에 사용됩니다. 긴 텍스트 섹션에는 Serif 또는 Sans Serif 글꼴이 권장됩니다.
• BodyMedium은 두 번째로 큰 본문입니다. 본문 텍스트는 작은 텍스트 크기에 잘 어울리므로 일반적으로 장문의 글에 사용됩니다. 긴 텍스트 섹션에는 Serif 또는 Sans Serif 글꼴이 권장됩니다.
• BodySmall은 세 번째로 큰 본문입니다. 본문 텍스트는 작은 텍스트 크기에 잘 어울리므로 일반적으로 장문의 글에 사용됩니다. 긴 텍스트 섹션에는 Serif 또는 Sans Serif 글꼴이 권장됩니다.
• BodyExtraSmall은 가장 작은 본문입니다. 본문 텍스트는 작은 텍스트 크기에 잘 어울리므로 일반적으로 장문의 글에 사용됩니다. 긴 텍스트 섹션에는 Serif 또는 Sans Serif 글꼴이 권장됩니다.

숫자 텍스트 스타일은 숫자 자리에 사용되며, 일반적으로 몇 글자로 제한됩니다. 큰 디스플레이 크기에서 더 표현력이 풍부한 속성을 사용할 수 있습니다. 현지화 및 글꼴 크기 조정에 대한 우려를 최소화하면서 너비 축을 확장할 수 있는 유연성을 제공합니다.

• NumeralsExtraLarge은 숫자의 가장 큰 역할입니다. 숫자는 기본적으로 표 형식 간격을 사용합니다. 충전 화면이나 시간 선택기와 같이 현지화가 필요하지 않은 곳에서 두세 글자로만 제한된 한눈에 볼 수 있는 숫자를 강조 표시하고 표현합니다.
• NumeralsLarge는 숫자의 두 번째로 큰 역할입니다. 숫자는 기본적으로 표 형식 간격을 사용합니다. 타이머 카운트다운이나 시간 선택기와 같이 현지화가 필요하지 않은 시간의 큰 표시로 제한된 큰 크기의 숫자 문자열입니다.
• NumeralsMedium은 숫자의 세 번째로 큰 역할입니다. 숫자는 기본적으로 표 형식 간격을 사용합니다. 이러한 숫자는 현지화가 필요하지 않은 단계 수나 시간 선택기와 같이 짧은 숫자 문자열로 제한된 중간 크기의 숫자입니다.
• NumeralsSmall은 숫자의 네 번째로 큰 역할입니다. 숫자는 기본적으로 표 형식 간격을 사용합니다. 날짜 및 시간 선택기와 같이 현지화가 필요하지 않은 작은 규모에서 강조해야 하는 숫자에 사용됩니다.
• NumeralsExtraSmall은 숫자의 가장 작은 역할입니다. 숫자는 기본적으로 표 형식 간격을 사용합니다. 운동 중 측정항목과 같이 현지화가 필요하지 않고 더 긴 숫자 문자열을 수용해야 하는 번호에 사용됩니다.

호 헤더 텍스트는 시간 텍스트, 곡선 라벨 등 UI의 안내를 구성하는 곡선 텍스트에 사용됩니다. 곡선에 따라 서체를 특별히 최적화하고 곡선 화면의 상단에 배치될 때와 하단에 배치될 때 문자 사이에 표시되는 다양한 간격을 수용하기 위해 맞춤설정된 글꼴 축입니다.

상단

• ArcLarge는 아치 헤더와 제목에 사용됩니다. 호는 화면의 곡선 경로를 따라 표시되는 텍스트에 사용되며, 확인 오버레이와 같이 화면의 맨 위 또는 맨 아래에 있는 짧은 헤더 텍스트 문자열에 사용됩니다.
• ArcMedium은 아치 헤더와 제목에 사용됩니다. Arc는 화면의 곡선 경로를 따라 표시되는 텍스트에 사용되며, 페이지 제목과 같이 화면의 맨 위 또는 맨 아래에 있는 짧은 헤더 텍스트 문자열에 사용됩니다.
• ArcSmall은 제한된 호 텍스트 문자열에 사용됩니다. 호는 화면의 곡선 경로를 따라 텍스트를 표시하며, 시간 텍스트와 같이 화면 상단의 짧은 곡선 텍스트 문자열에 사용됩니다.

하단

• ArcLarge는 아치 헤더와 제목에 사용됩니다. 호는 화면의 곡선 경로를 따라 표시되는 텍스트에 사용되며, 확인 오버레이와 같이 화면의 맨 위 또는 맨 아래에 있는 짧은 헤더 텍스트 문자열에 사용됩니다.
• ArcMedium은 아치 헤더와 제목에 사용됩니다. Arc는 화면의 곡선 경로를 따라 표시되는 텍스트에 사용되며, 페이지 제목과 같이 화면의 맨 위 또는 맨 아래에 있는 짧은 헤더 텍스트 문자열에 사용됩니다.
• ArcSmall은 제한된 호 텍스트 문자열에 사용됩니다. 호는 화면의 곡선 경로를 따라 텍스트를 표시하는 데 사용되며, 클릭 유도 문구와 같이 화면 하단의 짧은 곡선 텍스트 문자열에 사용됩니다.