JSFiddle - React, Tailwind, and code Playground

HTML

<p>This sentence has both <i>italic text</i> and <span class="oblique">oblique text</span></p>
<p><b>This bold sentence has both <i>italic text</i> and <span class="oblique">oblique text</span></b></p>

CSS

@font-face {
  font-family: 'Fake Oblique Font';
  font-style: normal;
  font-weight: 400;
  src: local('Bell MT'), local('Georgia');
}
@font-face {
  font-family: 'Fake Oblique Font';
  font-style: normal;
  font-weight: 700;
  src: local('Bell MT Bold'), local('Georgia Bold');
}
*
{
    font-family: 'Bell MT Bold', Georgia, serif;
}
.oblique
{
    font-style: oblique;
    font-family: 'Fake Oblique Font';
}