New to Kendo UI for Vue? Start a free 30-day trial

Customizing Typography

Variables

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$kendo-font-sizeNumber14px14px
Description
Base font size across all components.
$kendo-font-family-sans-serifListRoboto, "Helvetica Neue", sans-serifRoboto, "Helvetica Neue", sans-serif
Description
Font family for text.
$kendo-font-familyListRoboto, "Helvetica Neue", sans-serifRoboto, "Helvetica Neue", sans-serif
Description
Font family across all components.
$kendo-font-family-monospaceListConsolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospaceConsolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace
Description
Font family for monospaced text. Used for styling the code.
$kendo-font-familyListRoboto, "Helvetica Neue", sans-serifRoboto, "Helvetica Neue", sans-serif
Description
Font family across all components.
$kendo-line-heightNumberk-math-div( 28, 14 )2
Description
Line height used along with $kendo-font-size.

In this article

Not finding the help you need?