I have an Email written in html containing the following
CSS:
@font-face {
font-family: 'Libre Barcode 39';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url(https://fonts.gstatic.com/s/librebarcode39/v19/-nFnOHM08vwC6h8Li1eQnP_AHzI2G_Bx0g.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.barcode {
font-family: 'Libre Barcode 39' !important;
font-size: 5em;
color: #000;
}
HTML:
<div class="prizeWin barcode">
*#BarCode*
</div>
Where #BarCode is aimed to be replaced by the actual code.
When I receive the Email on gmail I have this on desktop : Received Email on Desktop
and this on mobile: Received Email on Mobile(same source)
Not sure how to get around the restriction about web Fonts on Mobile.
I tried using other google fonts but the same result occured.