I'm currently updating our email templates and experiencing an issue with hex code symbols rendering incorrectly in Outlook viewed on a browser, specifically Office 365 Chrome Windows 10, Office 365 Edge Windows 10. Office 365 Firefox Windows 10, and Outlook.com Chrome Windows 10.
Does anyone know a good trick for getting these to render correctly?
I'm specifically trying to add a copyright symbol to our email templates. When I use the ©, my usual go-to, it seems to insert a capital letter A with a circumflex accent (Â). Each potential variation on the copyright symbol seems to include an undesired non-English character before the symbol. I expanded beyond copyright and found this extended to any visible symbols I tried, but did not affect invisible HTML entitles like .
Please see the example in the screenshot—this appears as © || © || © || Ⓒ || Ⓒ || ⓒ || ® || ™ || ♠ || ♣ || ♥ || ♦ || || 2023 in my code.
Use the UTF-8 character set.
Add this line into your
<head>: