How to change font weight in WordPress Editor

  • Resolved georgie13

    (@georgie13)


    4 years, 2 months ago

    I’m really confused as to how to add other options than just ‘normal’ and ‘bold’ in the weight options.

    I’m currently trying to create a blog post which needs different types of subheadings, and would like an option to have semi-bold for some subheadings, but I can’t find an option to do so within the wordpress editor. The font weight is in my font-family on wordpress, and can change it on my theme, but I don’t want all of my text to be semi bold.

    I’ve tried adding { font-weight: 600; } in the additional css class on the block I’m trying to target but I’m not having any luck? Does the additional css work differently to the CSS editor in the theme appearance?

Viewing 2 replies - 1 through 2 (of 2 total)

  • The theme is in charge of the font and its weight. Trying to change that per page could make a mess, especially if you change fonts or change themes.

    In the editor, the sidebar will show the Advanced section when you have a block selected. This is for a class, which is a name, not CSS. Pick a name like semi-bold and type that in the Advanced field. Then define that class in the Customizer > Additional CSS as
    .semi-bold { font-weight: 600; }
    Don’t overlook the leading dot, which is needed in CSS for class names.
    You should see your change in the preview. If you don’t, some other CSS could be more specific and overriding your rule. Once you get it working, you can put that same class name in the Advanced field, on all the blocks you want to affect.

    Thread Starter georgie13

    (@georgie13)

    @joyously that worked perfectly! Thanks so much for clearing that up for me.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to change font weight in WordPress Editor’ is closed to new replies.