New to Kendo UI for Vue? Start a free 30-day trial
Customizing Typography
Variables
The following table lists the available variables for customization.
Name | Type | Default value | Computed value |
---|---|---|---|
$kendo-font-size | Number | 14px | 14px |
Description
Base font size across all components. | |||
$kendo-font-family-sans-serif | List | Roboto, "Helvetica Neue", sans-serif | Roboto, "Helvetica Neue", sans-serif |
Description
Font family for text. | |||
$kendo-font-family | List | Roboto, "Helvetica Neue", sans-serif | Roboto, "Helvetica Neue", sans-serif |
Description
Font family across all components. | |||
$kendo-font-family-monospace | List | Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace | Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace |
Description
Font family for monospaced text. Used for styling the code. | |||
$kendo-font-family | List | Roboto, "Helvetica Neue", sans-serif | Roboto, "Helvetica Neue", sans-serif |
Description
Font family across all components. | |||
$kendo-line-height | Number | k-math-div( 28, 14 ) | 2 |
Description
Line height used along with $kendo-font-size. |