android - 在 Android (Samsung Tab 2) 浏览器上替代 ☐ 和 ☒

Question

我在三星 Tab2 上安装(默认)的互联网浏览器无法正确显示 ☐☐ 和 ☒☒ 字符。什么是替代解决方案？

Answer 1

Android 上的字体不包含这些字符，因此您的选项似乎是:

1. 使用可下载的字体，通过@font-face。很难找到适合这种情况的字体，因为大多数免费字体的字符覆盖范围都相当有限。在包含这些字符的相对较少的字体中(参见 Fileformat.info 的 font coverage info)，DejaVu Sans 可能是合适的(尽管文件大小有点大，大约 668 KB)。
2. 使用图片。这些天有点沉闷，但这是一个可行的解决方案。在这种情况下，创建比预期字体大小大几倍的图像并缩小它们以匹配字体大小，例如使用宽度:0.6em 图片。

3. 使用不间断空格和乘号“×”，并使用 CSS 将它们放入带边框的小框中。下面的示例代码。这似乎是这里最好的方法。

   <style>
   .box {
     display: inline-block;
     vertical-align: baseline;
     line-height: 0.6;
     border: solid 0.08em;
     width: 0.6em;
     height: 0.6em;
     text-align: center;
     font-weight: bold;
   }
   </style>
   <span class=box>&nbsp;</span>
   <span class=box>&times;</span>