Font

Caution

These tokens define typography primitives for the design system. Use the typography classes instead of using these tokens directly.

Font Family

--tng-font-font-family-kintoToyota Type

Lorem Ipsum

--tng-font-font-family-lexusNobel

Lorem Ipsum

--tng-font-font-family-toyotaToyota Type

Lorem Ipsum

--tng-font-font-family-kintoToyota Type

Lorem Ipsum

--tng-font-font-family-lexusNobel

Lorem Ipsum

--tng-font-font-family-toyotaToyota Type

Lorem Ipsum

Font Size

--tng-font-font-size-1212px

Lorem Ipsum

--tng-font-font-size-1414px

Lorem Ipsum

--tng-font-font-size-1616px

Lorem Ipsum

--tng-font-font-size-1818px

Lorem Ipsum

--tng-font-font-size-2020px

Lorem Ipsum

--tng-font-font-size-2222px

Lorem Ipsum

--tng-font-font-size-2424px

Lorem Ipsum

--tng-font-font-size-2828px

Lorem Ipsum

--tng-font-font-size-3232px

Lorem Ipsum

--tng-font-font-size-3434px

Lorem Ipsum

--tng-font-font-size-3636px

Lorem Ipsum

--tng-font-font-size-3838px

Lorem Ipsum

--tng-font-font-size-4040px

Lorem Ipsum

--tng-font-font-size-4444px

Lorem Ipsum

--tng-font-font-size-4848px

Lorem Ipsum

--tng-font-font-size-5656px

Lorem Ipsum

--tng-font-font-size-6464px

Lorem Ipsum

--tng-font-font-size-6868px

Lorem Ipsum

--tng-font-font-size-7070px

Lorem Ipsum

--tng-font-font-size-8080px

Lorem Ipsum

--tng-font-font-size-9090px

Lorem Ipsum

--tng-font-font-size-9696px

Lorem Ipsum

--tng-font-font-size-100100px

Lorem Ipsum

--tng-font-font-size-110110px

Lorem Ipsum

--tng-font-font-size-120120px

Lorem Ipsum

--tng-font-font-size-128128px

Lorem Ipsum

--tng-font-font-size-130130px

Lorem Ipsum

--tng-font-font-size-140140px

Lorem Ipsum

--tng-font-font-size-150150px

Lorem Ipsum

--tng-font-font-size-160160px

Lorem Ipsum

--tng-font-font-size-170170px

Lorem Ipsum

--tng-font-font-size-176176px

Lorem Ipsum

--tng-font-font-size-180180px

Lorem Ipsum

--tng-font-font-size-190190px

Lorem Ipsum

--tng-font-font-size-200200px

Lorem Ipsum

--tng-font-font-size-210210px

Lorem Ipsum

--tng-font-font-size-220220px

Lorem Ipsum

--tng-font-font-size-230230px

Lorem Ipsum

--tng-font-font-size-240240px

Lorem Ipsum

--tng-font-font-size-256256px

Lorem Ipsum

--tng-font-font-size-1212px

Lorem Ipsum

--tng-font-font-size-1414px

Lorem Ipsum

--tng-font-font-size-1616px

Lorem Ipsum

--tng-font-font-size-1818px

Lorem Ipsum

--tng-font-font-size-2020px

Lorem Ipsum

--tng-font-font-size-2222px

Lorem Ipsum

--tng-font-font-size-2424px

Lorem Ipsum

--tng-font-font-size-2828px

Lorem Ipsum

--tng-font-font-size-3232px

Lorem Ipsum

--tng-font-font-size-3434px

Lorem Ipsum

--tng-font-font-size-3636px

Lorem Ipsum

--tng-font-font-size-3838px

Lorem Ipsum

--tng-font-font-size-4040px

Lorem Ipsum

--tng-font-font-size-4444px

Lorem Ipsum

--tng-font-font-size-4848px

Lorem Ipsum

--tng-font-font-size-5656px

Lorem Ipsum

--tng-font-font-size-6464px

Lorem Ipsum

--tng-font-font-size-6868px

Lorem Ipsum

--tng-font-font-size-7070px

Lorem Ipsum

--tng-font-font-size-8080px

Lorem Ipsum

--tng-font-font-size-9090px

Lorem Ipsum

--tng-font-font-size-9696px

Lorem Ipsum

--tng-font-font-size-100100px

Lorem Ipsum

--tng-font-font-size-110110px

Lorem Ipsum

--tng-font-font-size-120120px

Lorem Ipsum

--tng-font-font-size-128128px

Lorem Ipsum

--tng-font-font-size-130130px

Lorem Ipsum

--tng-font-font-size-140140px

Lorem Ipsum

--tng-font-font-size-150150px

Lorem Ipsum

--tng-font-font-size-160160px

Lorem Ipsum

--tng-font-font-size-170170px

Lorem Ipsum

--tng-font-font-size-176176px

Lorem Ipsum

--tng-font-font-size-180180px

Lorem Ipsum

--tng-font-font-size-190190px

Lorem Ipsum

--tng-font-font-size-200200px

Lorem Ipsum

--tng-font-font-size-210210px

Lorem Ipsum

--tng-font-font-size-220220px

Lorem Ipsum

--tng-font-font-size-230230px

Lorem Ipsum

--tng-font-font-size-240240px

Lorem Ipsum

--tng-font-font-size-256256px

Lorem Ipsum

Font Weight

--tng-font-font-weight-bold700

Lorem Ipsum

--tng-font-font-weight-bold-italic700

Lorem Ipsum

--tng-font-font-weight-italic500

Lorem Ipsum

--tng-font-font-weight-light200

Lorem Ipsum

--tng-font-font-weight-light-italic200

Lorem Ipsum

--tng-font-font-weight-medium500

Lorem Ipsum

--tng-font-font-weight-regular400

Lorem Ipsum

--tng-font-font-weight-regular-italic400

Lorem Ipsum

--tng-font-font-weight-semibold600

Lorem Ipsum

--tng-font-font-weight-semibold-italic600

Lorem Ipsum

--tng-font-font-weight-bold700

Lorem Ipsum

--tng-font-font-weight-bold-italic700

Lorem Ipsum

--tng-font-font-weight-italic500

Lorem Ipsum

--tng-font-font-weight-light200

Lorem Ipsum

--tng-font-font-weight-light-italic200

Lorem Ipsum

--tng-font-font-weight-medium500

Lorem Ipsum

--tng-font-font-weight-regular400

Lorem Ipsum

--tng-font-font-weight-regular-italic400

Lorem Ipsum

--tng-font-font-weight-semibold600

Lorem Ipsum

--tng-font-font-weight-semibold-italic600

Lorem Ipsum

Letter Spacing

--tng-font-letter-spacing-none0px

Lorem Ipsum

--tng-font-letter-spacing-tight-1px

Lorem Ipsum

--tng-font-letter-spacing-wide1px

Lorem Ipsum

--tng-font-letter-spacing-wider1.6px

Lorem Ipsum

--tng-font-letter-spacing-widest2px

Lorem Ipsum

--tng-font-letter-spacing-none0px

Lorem Ipsum

--tng-font-letter-spacing-tight-1px

Lorem Ipsum

--tng-font-letter-spacing-wide1px

Lorem Ipsum

--tng-font-letter-spacing-wider1.6px

Lorem Ipsum

--tng-font-letter-spacing-widest2px

Lorem Ipsum

Line Height

--tng-font-line-height-1212px

Lorem Ipsum

--tng-font-line-height-1414px

Lorem Ipsum

--tng-font-line-height-1616px

Lorem Ipsum

--tng-font-line-height-1818px

Lorem Ipsum

--tng-font-line-height-2020px

Lorem Ipsum

--tng-font-line-height-2222px

Lorem Ipsum

--tng-font-line-height-2424px

Lorem Ipsum

--tng-font-line-height-2626px

Lorem Ipsum

--tng-font-line-height-2828px

Lorem Ipsum

--tng-font-line-height-3030px

Lorem Ipsum

--tng-font-line-height-3232px

Lorem Ipsum

--tng-font-line-height-3434px

Lorem Ipsum

--tng-font-line-height-3636px

Lorem Ipsum

--tng-font-line-height-3838px

Lorem Ipsum

--tng-font-line-height-4040px

Lorem Ipsum

--tng-font-line-height-4242px

Lorem Ipsum

--tng-font-line-height-4444px

Lorem Ipsum

--tng-font-line-height-4646px

Lorem Ipsum

--tng-font-line-height-4848px

Lorem Ipsum

--tng-font-line-height-5656px

Lorem Ipsum

--tng-font-line-height-6464px

Lorem Ipsum

--tng-font-line-height-7070px

Lorem Ipsum

--tng-font-line-height-7272px

Lorem Ipsum

--tng-font-line-height-8080px

Lorem Ipsum

--tng-font-line-height-8888px

Lorem Ipsum

--tng-font-line-height-9696px

Lorem Ipsum

--tng-font-line-height-102102px

Lorem Ipsum

--tng-font-line-height-104104px

Lorem Ipsum

--tng-font-line-height-106106px

Lorem Ipsum

--tng-font-line-height-116116px

Lorem Ipsum

--tng-font-line-height-128128px

Lorem Ipsum

--tng-font-line-height-136136px

Lorem Ipsum

--tng-font-line-height-140140px

Lorem Ipsum

--tng-font-line-height-160160px

Lorem Ipsum

--tng-font-line-height-172172px

Lorem Ipsum

--tng-font-line-height-174174px

Lorem Ipsum

--tng-font-line-height-190190px

Lorem Ipsum

--tng-font-line-height-211211px

Lorem Ipsum

--tng-font-line-height-256256px

Lorem Ipsum

--tng-font-line-height-276276px

Lorem Ipsum

--tng-font-line-height-1212px

Lorem Ipsum

--tng-font-line-height-1414px

Lorem Ipsum

--tng-font-line-height-1616px

Lorem Ipsum

--tng-font-line-height-1818px

Lorem Ipsum

--tng-font-line-height-2020px

Lorem Ipsum

--tng-font-line-height-2222px

Lorem Ipsum

--tng-font-line-height-2424px

Lorem Ipsum

--tng-font-line-height-2626px

Lorem Ipsum

--tng-font-line-height-2828px

Lorem Ipsum

--tng-font-line-height-3030px

Lorem Ipsum

--tng-font-line-height-3232px

Lorem Ipsum

--tng-font-line-height-3434px

Lorem Ipsum

--tng-font-line-height-3636px

Lorem Ipsum

--tng-font-line-height-3838px

Lorem Ipsum

--tng-font-line-height-4040px

Lorem Ipsum

--tng-font-line-height-4242px

Lorem Ipsum

--tng-font-line-height-4444px

Lorem Ipsum

--tng-font-line-height-4646px

Lorem Ipsum

--tng-font-line-height-4848px

Lorem Ipsum

--tng-font-line-height-5656px

Lorem Ipsum

--tng-font-line-height-6464px

Lorem Ipsum

--tng-font-line-height-7070px

Lorem Ipsum

--tng-font-line-height-7272px

Lorem Ipsum

--tng-font-line-height-8080px

Lorem Ipsum

--tng-font-line-height-8888px

Lorem Ipsum

--tng-font-line-height-9696px

Lorem Ipsum

--tng-font-line-height-102102px

Lorem Ipsum

--tng-font-line-height-104104px

Lorem Ipsum

--tng-font-line-height-106106px

Lorem Ipsum

--tng-font-line-height-116116px

Lorem Ipsum

--tng-font-line-height-128128px

Lorem Ipsum

--tng-font-line-height-136136px

Lorem Ipsum

--tng-font-line-height-140140px

Lorem Ipsum

--tng-font-line-height-160160px

Lorem Ipsum

--tng-font-line-height-172172px

Lorem Ipsum

--tng-font-line-height-174174px

Lorem Ipsum

--tng-font-line-height-190190px

Lorem Ipsum

--tng-font-line-height-211211px

Lorem Ipsum

--tng-font-line-height-256256px

Lorem Ipsum

--tng-font-line-height-276276px

Lorem Ipsum