Font weight not respected - different display in Wappler and browsers

Hello,

I am working on a project and I am puzzled with font-weight.
Project at “my online sandbox” : http://goata.pl/atw-rwd.html

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:
Cheers

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: https://fonts.google.com/specimen/Roboto?query=roboto then you will be able to assign custom font-weight values for your custom css classes.