서체 적용

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

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

• 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는 숫자의 가장 큰 역할입니다. 숫자는 기본적으로 표 형식의 띄어쓰기를 사용합니다. 충전 화면이나 시간 선택기와 같이 현지화가 필요하지 않은 경우 2~3자리로 제한된 한눈에 들어오는 숫자를 강조 표시하고 표현합니다.
• NumeralsLarge는 숫자의 두 번째로 큰 역할입니다. 숫자는 기본적으로 표 형식의 간격을 사용합니다. 타이머 카운트다운이나 시간 선택기와 같이 현지화가 필요하지 않은 큰 시간 표시로 제한된 대형 숫자 문자열입니다.
• NumeralsMedium은 숫자의 세 번째로 큰 역할입니다. 숫자는 기본적으로 표 형식의 간격을 사용합니다. 숫자 문자열이 짧고 걸음 수 또는 시간 선택기와 같이 현지화가 필요하지 않은 중간 크기의 숫자입니다.
• NumeralsSmall은 숫자의 네 번째로 큰 역할입니다. 숫자는 기본적으로 표 형식의 간격을 사용합니다. 날짜 및 시간 선택기와 같이 현지화가 필요하지 않고 작은 규모로 강조 표시해야 하는 숫자에 사용합니다.
• NumeralsExtraSmall은 숫자의 가장 작은 역할입니다. 숫자는 기본적으로 표 형식의 띄어쓰기를 사용합니다. 운동 중 측정항목과 같이 현지화가 필요하지 않은 더 긴 숫자 문자열을 수용할 필요가 있는 숫자에 사용합니다.

원호형 헤더 텍스트는 시간 텍스트, 곡선 라벨과 같이 UI의 안내를 구성하는 곡선 텍스트에 사용됩니다. 곡선을 따라 글꼴을 최적화하고 곡면 화면의 맨 아래에 배치할 때와 맨 위에 배치할 때 문자 사이에 표시되는 다른 간격을 수용하도록 조정된 글꼴 축입니다.

상단

• ArcLarge는 원호형 헤더 및 제목에 사용됩니다. 원호는 화면의 곡선 경로를 따라 표시되는 텍스트에 사용되며 확인 오버레이와 같이 화면 상단이나 하단에 있는 짧은 헤더 텍스트 문자열에 예약되어 있습니다.
• ArcMedium은 원호형 헤더 및 제목에 사용됩니다. 원호는 화면의 곡선 경로를 따라 표시되는 텍스트에 사용되며 페이지 제목과 같이 화면 상단이나 하단에 있는 짧은 헤더 텍스트 문자열에 예약되어 있습니다.
• ArcSmall은 제한된 원호 텍스트 문자열을 위한 속성입니다. 원호는 화면의 곡선 경로를 따라 표시되는 텍스트에 사용되며 시간 텍스트와 같이 화면 하단에 있는 짧은 곡선 텍스트 문자열에만 사용됩니다.

하단

• ArcLarge는 원호형 헤더 및 제목에 사용됩니다. 원호는 화면의 곡선 경로를 따라 표시되는 텍스트에 사용되며 확인 오버레이와 같이 화면 상단이나 하단에 있는 짧은 헤더 텍스트 문자열에 예약되어 있습니다.
• ArcMedium은 원호형 헤더 및 제목에 사용됩니다. 원호는 화면의 곡선 경로를 따라 표시되는 텍스트에 사용되며 페이지 제목과 같이 화면 상단이나 하단에 있는 짧은 헤더 텍스트 문자열에 예약되어 있습니다.
• ArcSmall은 제한된 원호 텍스트 문자열을 위한 속성입니다. 원호는 화면의 곡선 경로를 따라 표시되는 텍스트에 사용되며 시간 텍스트와 같이 화면 하단에 있는 짧은 곡선 텍스트 문자열에만 사용됩니다.