Android上的Unicode字符无法显示

Question

我正在使用响应式设计开发一个网站.我正在尝试显示unicode字符☰(☰符号),并且它没有显示在Android上.有没有办法让这个角色正确显示,还是我需要制作一个图像？

谢谢

Answer 1

表示的字符☰不会出现在Android字体中,其字体覆盖范围在其他环境中也相对有限.

基本选项是使用可下载的字体(网络字体)通过@font-face和使用图像,适当缩放到文本大小.

如果这是你需要的唯一"特殊"角色,那么图像方法可能是合适的:它很容易,角色的形状非常简单,可以很好地扩展.

使用可下载的字体可能会产生更好的结果,尤其是如果字符在内部文本中使用.但是,你可能会需要像Quivira或使用symbolA的字体,这是大(> 1兆字节)的免费字体,这似乎意味着不成比例的开销,如果它只是一个字符.

有关详细信息,请参阅我在HTML中使用特殊字符的指南.

Answer 2

为什么没有人建议CSS3方法超出我的范围.几乎所有设备都支持此功能.

这是一个在行动中看到它的小提琴,http://jsfiddle.net/328k7/.

使用CSS3创建trigram,如下所示:

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;
}