Roboto Italic Font is not working in Gmail for HTML Newsletters

Question

I am facing a weird problem with Roboto Italic Font, it is not working when the Newsletters are opened up in Gmail.

I am sharing the screenshot below to better understand the issue:

In the above screenshot, you can see the font is not working for Italic Text. I set font-weight:500 for whole Headline, but it doesn't work for Italicized content.

here is the HTML:

<table role="presentation" class="wrap" width="570" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
     <td align="left" class="hl-2">3. The month <i>October</i> is the best time to visit Jaipur.</td>
  </tr>
</table>

here is the Css:

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Rubik:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

.hl-2 {
        font-size: 18px; 
        line-height: 22px;
        color: #34444c;
        font-weight: 500;
        font-family: Rubik, Roboto, sans-serif;
}

Any idea how to handle this situation? Your help would be really appreciated.

Thanks!