I'm trying to create an email signature in which I'd use the Unicode character ๐ as the 'phone icon. However, Gmail is transforming it into a huge image upon send, and I can't do anything about it.
Original:
Transformed:
Transformation also happens if I save it as a draft and re-open the message, so that at least speeds up the "debugging" process.
I also tried using <style>.whatever:before{content:'\1f4de'}</style><span class="whatever">...
during my numerous attempts to bypass it, but in that case it'll just strip the style
tag.
Any ideas how I could disable the emoji transformation or to trick it into not transforming 📞
?
Best Answer
Short answer
To put a black phone in the Gmail signature instead of using unicode emojis use an image or a different character like โ (U+2706), dingbat telephone location sign.
Partial explanation.
Chrome Desktop for Windows doesn't support color emojis1, so it display black ones in some cases. By the other hand, and according to the OP, the new Gmail emoji support feature is changing unicode characters by its own version of hosted emojis. This also being done by others like Twitter and WordPress2.
TODO:
<span>
,<font size="10">
<p style="font-size:20px">
tags to prevent Gmail change the unicode character by something like<img goomoji="1f4de" style="margin:0 0.2ex;vertical-align:middle;max-height:24px" alt="๐" src="https://mail.google.com/mail/e/1f4de">
Remarks
Previous Comment
In relation to my comment to the question, the first time that I read this question I was using Windows 8.1 and Chrome stable channel. The phone character in the first line was displayed small and black.
Now I'm using a Chromebook with Chrome beta channel, the phone character in the first link is displayed a bit bigger and yellow.
The above is, as was mentioned at the top, because Windows and other old OS doesn't support color emojis so maybe avoiding that Gmail change the unicode character by an emoji will not prevent that the unicode character change in other than Windows OS.
Resourses
From http://classic.getemoji.com/
References