custom-css bold font selector does not work after using custom fonts

Hello everyone,

After installing and trying to use a custom font, the Bold selector does not work properly. The amount of Bold it adds to the font is minimal. 

The first screenshot shows how the bold selector behaves when using the font through google fonts from the "Site Styles".
The second screenshot shows how the bold selector behaves using the same font but installed by me.

The font installed is Poppins Light. This is the custom-css code I'm using:

h3 {
font-family: 'Poppins-300';
letter-spacing: 0.02em;
font-size: 1.8rem;
}

It looks like the font has gone from a weight of 300 to 400, I would suggest that you install Poppins with a weight of 600 and add CSS a bit like this after installing the heavier Poppins:

h3 strong {
font-family: 'Poppins-600';
letter-spacing: 0.02em;
font-size: 1.8rem;
}

Change the font family name to match your upload.

6 minutes ago, Ziggy said:

It looks like the font has gone from a weight of 300 to 400, I would suggest that you install Poppins with a weight of 600 and add CSS a bit like this after installing the heavier Poppins:

h3 strong {
font-family: 'Poppins-600';
letter-spacing: 0.02em;
font-size: 1.8rem;
}

Change the font family name to match your upload.

Thank you Ziggy,
the problem is that by doing that, it changes the weight of the whole paragraph using h3, I want to keep the font weight for the paragraph on 300 but be able to select parts of the text in bold. 

10 minutes ago, Ziggy said:

It looks like the font has gone from a weight of 300 to 400, I would suggest that you install Poppins with a weight of 600 and add CSS a bit like this after installing the heavier Poppins:

h3 strong {
font-family: 'Poppins-600';
letter-spacing: 0.02em;
font-size: 1.8rem;
}

Change the font family name to match your upload.

sorry man, I just missed the "strong". Thanks a lot. That solved the problem!

12 minutes ago, Ziggy said:

No problem, glad that works for you, thanks for the like!

another question:

it is possible to use the italic selector as a selector for a different font family, but without the typeface being converted to italic?

I'm using this code to target the font family, but obviously when I select the word I want to convert in the editor it converts it to italic.

h3 em {
font-family: 'texgyretermes-bold';
font-size: 1.78rem;
letter-spacing: 0.02em;

17 minutes ago, gab said:

another question:

it is possible to use the italic selector as a selector for a different font family, but without the typeface being converted to italic?

I'm using this code to target the font family, but obviously when I select the word I want to convert in the editor it converts it to italic.

h3 em {
font-family: 'texgyretermes-bold';
font-size: 1.78rem;
letter-spacing: 0.02em;

 

I'll open this as a different question

@gab If you add  font-style: normal !important;  that should remove the italics.  

1 minute ago, Ziggy said:

@gab If you add  font-style: normal !important;  that should remove the italics.  

you just made my day!

8 minutes ago, gab said:

you just made my day!

Glad to help!