Unicode character on Android not displaying

Question

I\'m developing a website using responsive design. I am trying to display the unicode character ☰ (the ☰ symbol), and it\'s not showing up on Android. Is ther

Answer 1

Why no one is suggesting the CSS3 method is beyond me. This is supported across almost all devices.

Here's a fiddle to see it in action, http://jsfiddle.net/328k7/.

Use CSS3 to create the trigram, like so:

div {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 16px;
    top: 0;
    height: 0;
    -webkit-box-shadow: 1px 10px 1px 1px #69737d,1px 16px 1px 1px #69737d,1px 22px 1px 1px #69737d;
    box-shadow: 0 10px 0 1px #69737d,0 16px 0 1px #69737d,0 22px 0 1px #69737d;
}