Font weight not respected - different display in Wappler and browsers


I am working on a project and I am puzzled with font-weight.
Project at “my online sandbox” :

Issue is with the text "“USŁUGI TRANSPORTU DROGOWEGO”
I’ve created a .utg class for this paragraph with a font-weight: 700.

It’s not respected in Design View in Wappler, in Safari, in Chrome … only looks bold and ok in Brave. ( the middle view in screenshot)

Any idea why such differences ?

Any help much appreciated :slight_smile:

Where is the robot font included on your page, and are you sure you selected the 700 weight option when you included it?

As I understand the “Roboto” font is one of many available in BS5 so I chose it as my base font in theme manager. Then in my custom css .utg class I added the font weight 700.
Should I include it another way ?

You added Roboto weight 300 as your base font, that’s why 700 is not available.
If you want to use different font-weight options, yo’d better include the font on your page, selecting the font-weights you want to use, as explained here: then you will be able to assign custom font-weight values for your custom css classes.