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 Bootstrap theme.
$font-sizeNumber

$font-size-base

1rem

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

$font-family-sans-serif

system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"

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

$font-family-monospace

SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace

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

$line-height-base

1.5

Description
Line height used along with $font-size.

In this article

Not finding the help you need?