---
path: foundation/typography/usage
title: Usage
position: 2
seo_title: Guidelines for Using Typography Approaches
seo_description: Learn more about the recommendations and best practices for
  using typography in Telerik and Kendo UI and about the do's and dont's when
  applying typography styles, font weight, alignment, and letter case.
---
## Usage Guidelines

Industry-wise, typography implementation follows some basic principles and established standards.

### Styles

Font size is the easiest way to differentiate texts as the bigger font size implies a higher level of importance, and may mark the beginning of a new page, section, or paragraph.

Each typography style used across the Telerik and Kendo UI components has its own specific usage guidelines. Display and heading styles are set to be used for titles and subtitles in the context of the UI and are not supposed to be used inside the components. 

<DosDonts>
<Do description="Follow the default usage of the typography styles.">![Recommendations for properly using typography styles in the Telerik and Kendo UI context](images/foundation-typography-usage-styles-do.png "")</Do>
<Dont description="Avoid the improper usage of the typography styles.">![What to avoid when using typography styles in the Telerik and Kendo UI context](images/foundation-typography-usage-styles-dont.png "")</Dont>
</DosDonts>


### Font Weight

While font weight is yet another indicator of distinction between separate chunks of text, it is not as strong as the font size.

Telerik and Kendo UI components use mostly regular font weight, but some cases pose exceptions where the usage of bold font weight is either necessary or fits better in the context.

<DosDonts>
<Do description="Use the default font weights–light for the display styles, regular across components, and bold for headings and text accents within components.">![Recommendations for properly using font weight in the Telerik and Kendo UI context](images/foundation-typography-usage-font-weight-do.png "")</Do>
<Dont description="Avoid using bold font weight across components by default unless you must stress an idea.">![What to avoid when using font weight in the Telerik and Kendo UI context](images/foundation-typography-usage-font-weight-dont.png "")</Dont>
</DosDonts>


### Alignment

Proper alignment creates order and harmony, and also improves the reading experience.

For bigger chunks of text, Telerik and Kendo UI components use one-sided alignment based on the globalization requirements. On the other hand, components whose inherent design is to show little textual content, such as the Button, Avatar, or Badge, use center alignment.

<DosDonts>
<Do description="Stick with the default alignment of the components, most of which have one-sided alignment depending on the RTL option.">![Recommendations for properly using alignment in the Telerik and Kendo UI context](images/foundation-typography-usage-alignment-do.png "")</Do>
<Dont description="Avoid using justified alignment as it negatively impacts the readability because of the white space it adds between words.">![What to avoid when using alignment in the Telerik and Kendo UI context](images/foundation-typography-usage-alignment-dont.png "")</Dont>
</DosDonts>


### Letter Case

Even though letter case is not a recommended typography approach, it also creates distinction in textual content.

In the context of Telerik and Kendo UI components, letter case is used inside components where the space is limited, and the text elements must have equal font size and line height while serving different purposes.

<DosDonts>
<Do description="Be mindful of uppercase usage–capital letters put on a strong visual accent.">![Recommendations for properly using letter case in the Telerik and Kendo UI context](images/foundation-typography-usage-letter-case-do.png "")</Do>
<Dont description="Avoid using uppercase generously and unintentionally.">![What to avoid when using letter case in the Telerik and Kendo UI context](images/foundation-typography-usage-letter-case-dont.png "")</Dont>
</DosDonts>