Bold and italic font as a custom font

Bootstrap’s default behavior for bold or italic fonts is to use font-weight: 700 (for Bold) here. So it is assumed by Google Fonts.

But now I have a project where I can’t work with font-weight for bold font, I have to work with font-family. because there is a custom font file for this.

How do I have to handle that I can implement this cleanly. I can not change the variable $font-weight-bold, because I need in the CSS in the definition font-family instead of font-weight.

Import the fonts and then add the following to your css:

b, strong {
  font-family: 'yourboldfont';

em {
  font-family: 'youritalicfont';

You might have to do a reset of the bootstrap defaults, something like:

font-weight: normal;