Search code examples
htmlcssoutlookhtml-emailwebfonts

Email Client CSS/HTML Web Font Workaround


Some email clients don't support web fonts, and all the proposed solutions I've seen for this are to force a backup font like Arial that's supported by the client. My problem is that I need the default web font font to show up because it is a barcode font.

Any workarounds to this?


Solution

  • You must create an image to ensure the barcode remains the same across all email environments.

    You should insert it from a hosted location that is publicly accessible, rather than using Base-64 or CID methods (not fully supported across email environments - see https://www.caniemail.com/features/image-base64/)

    e.g.:

    <img src="https://webserver.com/image/barcode-34234234234234.png" width="200" alt="Barcode with number 13425245452" />