How to add missing font-weights to Font Manager without creating a child theme

[amardeepmisha]

I would like to add the missing font-weights for Roboto such that all Pro elements will show the new weights in their text font dropdowns etc. I do not want to create a child theme. Is that possible?

[basanta]

Hi There,

Thanks for writing in!

For Roboto font all the font weight available in the theme. No need to add any custom font.

Just go to the font manager and check all the font weight options and save it.
It will so all the font weight in the dropdown list.

Hope this is something you are looking for.

Thanks

[amardeepmisha]

Thanks for the quick reply. But I do not see font-weights 200, 600 and 800 in your example either. Am I missing something?

[paul.r]

Hi,

Yes, I was able to confirm that the font weights are limited. I will forward this to our web development team for review.

For the meantime, please add this line in Appearance > Customize > Additional CSS so that you can use the other font weights.

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

You can use it by adding the code below in your element’s CSS

$el {
   font-weight:100;
}

Thanks

[amardeepmisha]

Thanks for the suggestion but if I use the @import command in Appearance > Customize > Additional CSS then the weights do not appear in the dropdowns of the Pro elements. I don’t want to litter the site with additional code in every element’s CSS. Therefore, will appreciate if you can get this resolved in the next update. Thanks.

[ruenel]

Hello Misha,

Please be informed that there is no 200, 400 and 800 font weight for Roboto.
You can check it here:

Google Fonts

If you need anything else we can help you with, please let us know.

[amardeepmisha]

Thanks for letting me know.

[rad]

You’re welcome!