Strange Text Behavior with Latest Build

@dan I have noticed something strange going on with text in the latest build.

If I have some text set to be SEMI-BOLD, there are times at different breakpoints where it appears to switch to BOLD. This only shows up in the browser, not in the editor. See below.

SEMI-BOLD

BOLD

I am not changing the font style at the different breakpoints. This not something I have seen before the 0.8.0 release.

Oh, that’s not good. Could you share a project containing that page so we can reproduce the issue here?

We can then dig in and find out what’s going on!

@dan I have found it happens on most of my sites where I’m using the SEMI-BOLD style.

But it might be a browser issue as I notice it most often when in the Responsive Design Mode and I’m moving between various sizes.

You should be able to see it by looking at the live site - https://hanalei-fins.com/

If not I can upload the site.

As I mentioned it was just something that caught my eye after todays release, I had not noticed this before.

Hi @handshaper,

I think the issue you’re seeing is likely due to the fact that the “semi bold” font weight isn’t supported by the Righteous font you’re using for the headings.

The “Enhance the flow…” heading is using the Righteous font family with a font weight of 600 (semi bold). However, Righteous only includes a single weight—400—so applying 600 won’t have any visual effect (or the browser might do strange things, like in this case).

To fix this, you have two options:

  • Set the heading font weight to Normal (400)
  • Or switch to a font that supports multiple weights

Hope that helps! :slightly_smiling_face:

Mahalo, @ben

That makes sense I’ll change to the normal weight, or use a more expansive font.

2 Likes