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

Customizing Typography

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$enable-typographyBool

false

false

Description
Global typography styles for the Kendo Default theme.
$font-sizeNumber

14px

14px

Description
Base font size across all components.
$font-familyString

inherit

inherit

Description
Font family across all components.
$font-family-monospaceList

SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace

SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace

Description
Font family for monospaced text. Used for styling the code.
$line-heightNumber

(20 / 14)

1.4285714286

Description
Line height used along with $font-size.

In this article

Not finding the help you need?