KongponentsTypography
Font family
Kongponents defaults to the system font for sans-serif and monospace. You can customize the font-family by setting the CSS variables as shown here:
:root {
--font-family-sans: 'Roboto'; // custom font-family
--font-family-mono: 'Roboto Mono'; // custom font-family
}Font weight
The default font-weight (for body) is set to 400. You may customize the font-weight by setting the CSS variable as shown here:
:root {
--font-weight-normal: 200; // custom font-weight
}TIP
This only applies to the body element and inherited font weights. Individual style rules still have varying font-weight attributes.
Font size
There are utility classes for font-size.
Sans Font Styles
.type-xxxlKong is a Lua application running in Nginx
.type-xxlKong is a Lua application running in Nginx
.type-xlKong is a Lua application running in Nginx
.type-lgKong is a Lua application running in Nginx
.type-mdKong is a Lua application running in Nginx
.type-smKong is a Lua application running in Nginx
.type-xsKong is a Lua application running in Nginx
Mono Font Styles
.type-xxxlKong is a Lua application running in Nginx
.type-xxlKong is a Lua application running in Nginx
.type-xlKong is a Lua application running in Nginx
.type-lgKong is a Lua application running in Nginx
.type-mdKong is a Lua application running in Nginx
.type-smKong is a Lua application running in Nginx
.type-xsKong is a Lua application running in Nginx
Content Styles
There are also utility classes for quick styling of different content types.