Skip to content

Custom Font Weight

The button has a default font weight of --o-font-weight-7 which is a bold text. You can change this value by using the following CSS custom properties:

descriptioncustom property
Font weight --o_text-font-weight
Custom font weight site wide
.o-btn {
--o_text-font-weight: var(--o-font-weight-4);
}
Custom font weight modifier class
.o-btn-thin {
--o_text-font-weight: var(--o-font-weight-1);
}