Skip to main content

Apply various font weights without breaking text styles

  • December 5, 2024
  • 2 replies
  • 463 views
Poptart

Currently, you are able to use the ctrl+B command on a text style to apply the bold font weight to a desired string of text without breaking the text style.

However, if you want to apply other font weights like light, medium, semibold, or black, you must either create a entirely new text style (which can add up quite quickly) or detach the text style and manually change the weight.

A way to apply various font weights without breaking the style (in the same vein as applying different styling like bold, underline, and italic) would be extremely helpful in increasing a design system’s adoption and flexibility.

    2 replies

    Rachel Bevan
    • Rachel Bevan
    • New Member
    • April 12, 2025

    Totally get that ran into the same issue while working with a Birmingham SEO Agency on a design system. Would be a game-changer if font weight changes didn’t force us to break styles.

    recepkutuk
    • recepkutuk
    • New Participant
    • August 13, 2026

    The properties you could use inside a text paragraph should be independent from the text style.

    For example, it could be bold (or medium, or black), it could be italic, it could be bold and italic, it could be bold, italic, and underlined; while having a consistent font-family, font-size and line height.

     

    Now try to create the above paragraph, using text styles. You’d need a multiplication of all possible combinations, which makes no sense, so whenever you need to change these properties, you’d have to break the style.

    Terms & ConditionsAccessibility statement