Email template fonts not rendering in gmail

I want to know how we can use our custom fonts rendering inside email template. I searched a lot to this answer but didn’t find how to do that.

So far I have already changed the content of email-fonts.css and email-inline.css and put my font-face declaration in the email-fonts.css file.

@font-face {
    font-family: 'museo_sans500';
    src: url('../fonts/museosans_500-webfont.woff2') format('woff2'), url('../fonts/museosans_500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

  }

But I am only getting the font-family being applied to the element and actual font is not rendering in email template inside gmail. Font location is also local as in case of luma theme.