서체
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
서체는 화면의 텍스트 또는 UI의 텍스트를 읽기 쉽고 아름답게 만드는 데 도움이 됩니다. 서체 스타일에는 디스플레이, 제목, 라벨, 본문, 원호, 숫자가 포함됩니다.
토큰을 사용하여 글꼴, 행 높이, 크기, 트래킹, 너비, 두께를 정의합니다.
가변 글꼴 축이 움직이는 모습
가변 글꼴 축을 사용하여 표현적인 모션 피드백을 전달하고 상호작용을 더 표현력 있고 사용하기 즐겁게 만듭니다.
사용 사례 예:
- 동적 글꼴 두께
- 동적 글꼴 너비
- 동적 글꼴 두께 및 너비
토큰
토큰은 설정된 값이 아닌 구성 가능한 값으로 요소의 유형 스타일을 할당하므로 스타일과 테마를 훨씬 쉽게 관리할 수 있습니다.
역할 유형
업데이트되고 최적화된 유형 크기와 함께 Wear에서 특히 눈에 띄는 패턴을 제공하는 새로운 유형 역할도 도입됩니다.
- 고정된 높이의 페이지 제목이나 제한된 공간의 설명자(예: 확인 오버레이)와 같이 원호 텍스트를 사용하는 더 많은 사용 사례를 활용합니다.
- 숫자에만 해당하는 유형 역할로, 현지화할 필요가 없거나 애니메이션을 적용할 때 모노 또는 표 형식의 간격을 활용할 필요가 없는 문자열의 텍스트 크기를 더 크고 스타일이 지정된 텍스트 크기로 설정할 수 있습니다(예: 선택 도구).
리소스: Google Fonts 라이브러리
다양한 글꼴을 검색합니다. 원하는 글꼴을 검색하여 선택하면 오른쪽 패널에 맞춤설정된 글꼴의 크기를 조절하고, 색상을 변경하고, 클립보드에 복사하는 옵션이 표시됩니다.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2025-07-26(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-07-26(UTC)"],[],[],null,["# Typography helps make text on the screen or text on the UI legible and\nbeautiful. Type styles include: display, title, label, body, arc, and numerals.\nUse tokens to define font, line height, size, tracking, width and weight. \n\n\u003cbr /\u003e\n\nVariable font axis in motion\n----------------------------\n\n\nUse a variable font axis to signal expressive motion feedback and making\ninteractions more expressive and delightful to use.\n\nExample use-cases:\n\n- Dynamic font weight\n- Dynamic font width\n- Dynamic font weight and width \n\n\u003cbr /\u003e\n\nTokens\n------\n\n\nTokens assign an element's type style by a configurable value, rather than a set\nvalue, making managing styles and themes considerably easier. \n\n\u003cbr /\u003e\n\nType roles\n----------\n\n\nAlong with an updated and optimized type scale, we are also introducing new type\nroles that specifically serve notable patterns on Wear.\n\n- Leaning into more use-cases with Arc Text like fixed height page titles or descriptors with limited space, such as confirmation overlays.\n- A type role specifically for Numerals so we can lean into bigger and more styled text sizes for strings that don't need to be localized or benefit from mono or tabular spacing when animated, such as pickers. \n\n\u003cbr /\u003e\n\nResource: Google Fonts library\n------------------------------\n\n\nSearch through a [wide variety of fonts](http://fonts.google.com/icons). Once you search for and select the\nfont you want, options will appear in the right-hand panel to resize, recolor,\nand copy the customized font to clipboard. \n\n\u003cbr /\u003e"]]