서체

서체는 화면의 텍스트 또는 UI의 텍스트를 읽기 쉽고 아름답게 만드는 데 도움이 됩니다. 서체 스타일에는 디스플레이, 제목, 라벨, 본문, 원호, 숫자가 포함됩니다. 토큰을 사용하여 글꼴, 행 높이, 크기, 트래킹, 너비, 두께를 정의합니다.

가변 글꼴 축이 움직이는 모습

가변 글꼴 축을 사용하여 표현적인 모션 피드백을 전달하고 상호작용을 더 표현력 있고 사용하기 즐겁게 만듭니다.

사용 사례 예:

  • 동적 글꼴 두께
  • 동적 글꼴 너비
  • 동적 글꼴 두께 및 너비

토큰

토큰은 설정된 값이 아닌 구성 가능한 값으로 요소의 유형 스타일을 할당하므로 스타일과 테마를 훨씬 쉽게 관리할 수 있습니다.

역할 유형

업데이트되고 최적화된 유형 크기와 함께 Wear에서 특히 눈에 띄는 패턴을 제공하는 새로운 유형 역할도 도입됩니다.

  • 고정된 높이의 페이지 제목이나 제한된 공간의 설명자(예: 확인 오버레이)와 같이 원호 텍스트를 사용하는 더 많은 사용 사례를 활용합니다.
  • 숫자에만 해당하는 유형 역할로, 현지화할 필요가 없거나 애니메이션을 적용할 때 모노 또는 표 형식의 간격을 활용할 필요가 없는 문자열의 텍스트 크기를 더 크고 스타일이 지정된 텍스트 크기로 설정할 수 있습니다(예: 선택 도구).

리소스: Google Fonts 라이브러리

다양한 글꼴을 검색합니다. 원하는 글꼴을 검색하여 선택하면 오른쪽 패널에 맞춤설정된 글꼴의 크기를 조절하고, 색상을 변경하고, 클립보드에 복사하는 옵션이 표시됩니다.