メインコンテンツまでスキップ

Font attributes

This document consists of all font attributes that UX Framework uses by default. You can override them in your application code. Use the Typography guide for details.

GUIDE
Typography

The document about how to configure fonts in the app built on top of the UX Framework.

Title 1

Note
Example of usage (Weather: temperature digits).
Attribute NameAttribute TypeAutoMobile
typography_title1_font_familyreference|stringGoogle InterGoogle Inter
typography_title1_font_sizedimension110sp48sp
typography_title1_font_weightinteger600600
typography_title1_line_heightdimension132sp58sp

Title 2

Note
Example of usage (Onboarding title).
Attribute NameAttribute TypeAutoMobile
typography_title2_font_familyreference|stringGoogle InterGoogle Inter
typography_title2_font_sizedimension80sp48sp
typography_title2_font_weightinteger600600
typography_title2_line_heightdimension96sp58sp

Title 3

Note
Example of usage (Charging: big text; Main guidance banner; distance digits;Arrival state)
Attribute NameAttribute TypeAutoMobile
typography_title3_font_familyreference|stringGoogle InterGoogle Inter
typography_title3_font_sizedimension68sp36sp
typography_title3_font_weightinteger600600
typography_title3_line_heightdimension75sp40sp

Title 4

Note
Example of usage (Turn-by-turn list: Digits; Speed Limit: Digits).
Attribute NameAttribute TypeAutoMobile
typography_title4_font_familyreference|stringGoogle InterGoogle Inter
typography_title4_font_sizedimension44sp36sp
typography_title4_font_weightinteger600600
typography_title4_line_heightdimension53sp34sp

Title 5

Note
Example of usage (POI card: title; Search results: title; Settings: title, Feedback: title, Charging: title; Main song in Spotify player).
Attribute NameAttribute TypeAutoMobile
typography_title5_font_familyreference|stringGoogle InterGoogle Inter
typography_title5_font_sizedimension40sp24sp
typography_title5_font_weightinteger600600
typography_title5_line_heightdimension48sp29sp

Title 6

Note
Example of usage (POI card: title; Search results: title; Settings: title, Feedback: title, Charging: title; Main song in Spotify player).
Attribute NameAttribute TypeAutoMobile
typography_title6_font_familyreference|stringGoogle InterGoogle Inter
typography_title6_font_sizedimension40sp20sp
typography_title6_font_weightinteger600600
typography_title6_line_heightdimension41sp24sp

Title 7

Attribute NameAttribute TypeAutoMobile
typography_title7_font_familyreference|stringGoogle InterGoogle Inter
typography_title7_font_sizedimension28sp18sp
typography_title7_font_weightinteger600600
typography_title7_line_heightdimension34sp22sp

Body 1

Attribute NameAttribute TypeAutoMobile
typography_body1_font_familyreference|stringGoogle InterGoogle Inter
typography_body1_font_sizedimension52sp25sp
typography_body1_font_weightinteger400400
typography_body1_line_heightdimension60sp31sp

Body 2

Attribute NameAttribute TypeAutoMobile
typography_body2_font_familyreference|stringGoogle InterGoogle Inter
typography_body2_font_sizedimension44sp24sp
typography_body2_font_weightinteger400400
typography_body2_line_heightdimension53sp29sp

Body 3

Attribute NameAttribute TypeAutoMobile
typography_body3_font_familyreference|stringGoogle InterGoogle Inter
typography_body3_font_sizedimension40sp24sp
typography_body3_font_weightinteger400400
typography_body3_line_heightdimension48sp29sp

Body 4

Attribute NameAttribute TypeAutoMobile
typography_body4_font_familyreference|stringGoogle InterGoogle Inter
typography_body4_font_sizedimension32sp20sp
typography_body4_font_weightinteger400400
typography_body4_line_heightdimension38sp24sp

Body 5

Attribute NameAttribute TypeAutoMobile
typography_body5_font_familyreference|stringGoogle InterGoogle Inter
typography_body5_font_sizedimension28sp18sp
typography_body5_font_weightinteger600400
typography_body5_line_heightdimension34sp23sp

Button 1

Attribute NameAttribute TypeAutoMobile
typography_button1_font_familyreference|stringGoogle InterGoogle Inter
typography_button1_font_sizedimension32sp20sp
typography_button1_font_weightinteger600600
typography_button1_line_heightdimension38sp24sp

Button 1

Attribute NameAttribute TypeAutoMobile
typography_button1_font_familyreference|stringGoogle InterGoogle Inter
typography_button1_font_sizedimension28sp18sp
typography_button1_font_weightinteger600600
typography_button1_line_heightdimension34sp22sp
この{Type}は役に立ちましたか?