JSFiddle - React, Tailwind, and code Playground

HTML

<b><i class='bold-font'>Hello! I'll be Lucida/TNR</i></b> and this will be something else.

CSS

@font-face {
      font-family: 'MyBoldFont';
      font-style: italic;
      font-weight: bold;
      src: local('Lucida Bold Italic'), local('Times New Roman Bold Italic');
}

    .bold-font {
        font-family: 'MyBoldFont';
    }

body{
font-family:"Arial";
}