New to Kendo UI for Angular? Start a free 30-day trial
Typography Options
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.
Change Theme
Theme
Loading ...
Font Size
To set the font size of the element, use the fontSize property.
Change Theme
Theme
Loading ...
Font Weight
To set the font weight of the element, use the fontWeight property.
Change Theme
Theme
Loading ...
Text Alignment
To set the text alignment of the element, use the textAlign property.
Change Theme
Theme
Loading ...
Text Transformation
To set the text transformation of the element, use the textTransform property.
Change Theme
Theme
Loading ...
Theme Color
To set the color of the element, use the themeColor property.
Change Theme
Theme
Loading ...