CSS bold not working properly when font is SegoeUI-CodePudding

<div style={{ fontFamily: 'SegoeUI' }}>
  <b>Hello world</b>
</div>

Whenever I set the font to SegoeUI, both the <strong> and <b> tags are not working. If I remove the font, they work perfectly. Any ideas why is this so and how can I fix this?

CodePudding user response：

Try this:

<div style="font-family:'SegoeUI'">
            <b>Hello world</b>
        </div>

CodePudding user response：

If it is still not working, you can define the text properties globally and import them.

.font-type { 
 font-family: 'SegoeUI', bold; 
}

CodePudding user response：

First check if the SegoeUI bold .ttf file is added or not.

If yes, then use style={{ fontWeight: 'bold' }}.