New to Kendo UI for Angular? Start a free 30-day trial
Typography Options
Updated on Aug 14, 2026
The Kendo UI for Angular Typography directive provides multiple options for styling UI elements. You can apply an appearance variant to the element, configure the font size and weight and the alignment and transformation of the text, and also change the theme color.
Element Variants
The Typography provides default appearance classes for the <h1> to <h6> and <p> elements. You can set these by using the variant property.
Loading ...
Font Size
To set the font size of the element, use the fontSize property.
Loading ...
Font Weight
To set the font weight of the element, use the fontWeight property.
Loading ...
Text Alignment
To set the text alignment of the element, use the textAlign property.
Loading ...
Text Transformation
To set the text transformation of the element, use the textTransform property.
Loading ...
Theme Color
To set the color of the element, use the themeColor property.
Loading ...