While experimenting with the use of Unicode characters in a small proof of concept, I stumbled upon what I think is a bug in Chrome for Android. Apparently character ☰, which renders as ☰ and which most people consider the “options”-icon, cannot be given a color in Chrome for Android whereas other Unicode characters can.
As you can see when visiting this test-page, the 3 symbols styled correctly (font color white) in most browsers (tested on IE8, FF on W7, Ubuntu and Android, Chrome on W7 and Ubuntu), but the options-symbol is not white on Chrome for Android (at least on my Samsung Galaxy S4).
So, does this qualify as a bug, or did I just mess up? Anyone happens to know a workaround?
Seems like a bug to me. A workaround can be to use Font Awesome (http://fortawesome.github.io/Font-Awesome/icons/) which provides icons based on a web font. Benefit is that these are scalable and look the same cross-browser / device.
http://fortawesome.github.io/Font-Awesome/icon/bars/
yeah, but the goal of the POC was not to download anything that isn’t absolutely needed. fontawesome is great, but it does require a download.
That particular charachter doesn’t even display on my Nexus 5.
Works good on desktop Linux / Chromium though…
thanks Nathan! what browser would that be, Chrome for Android? And what version of Android?
Chrome 35.0.1619.138, Android 4.4.3
Just updated Chrome on my SGS4 and the character now doesn’t display any more either. The stock browser (Samsung’s version of the Android browser) still does (the non-styled one).
As there seems to be no solution to style the unicode-character correctly and as it seems to not even exist in some cases, I’ll probably add at least this, but maybe also the 2 other symbols as base64’ed inline images or as inline svg (again, wanting to avoid any additional download).
The “option icon” is not showing up at all (tested on chrome on android jellybean). Certainly a browser bug.