替代☐及#x2612;在Android(三星Tab 2)浏览器上

替代☐及#x2612;在Android(三星Tab 2)浏览器上,android,browser,unicode,samsung-mobile,Android,Browser,Unicode,Samsung Mobile,我在三星Tab2上安装的Internet浏览器(默认情况下)不显示☐☐和☒☒字符。什么是替代解决方案?Android上的字体不包含这些字符,因此您的选项似乎是: 通过@font-face使用可下载字体。很难找到适合的字体,因为大多数免费字体的字符覆盖范围都很有限。在包含这些字符的相对较少的字体中(参见Fileformat.info中的to),DejaVu SAN可能是合适的(尽管文件大小有些大,大约668 KB) 使用图像。这几天有点无聊,但这是一个有效的解决方案。在这种

我在三星Tab2上安装的Internet浏览器(默认情况下)不显示☐<代码>☐和☒<代码>☒字符。什么是替代解决方案?

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

  • 通过
    @font-face
    使用可下载字体。很难找到适合的字体,因为大多数免费字体的字符覆盖范围都很有限。在包含这些字符的相对较少的字体中(参见Fileformat.info中的to),DejaVu SAN可能是合适的(尽管文件大小有些大,大约668 KB)
  • 使用图像。这几天有点无聊,但这是一个有效的解决方案。在这种情况下,创建比预期字体大小大几倍的图像,并将其缩小以匹配字体大小,例如使用图像的
    width:0.6em
  • 使用不间断空格和乘法符号“×”,并使用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>
    
    
    .盒子{
    显示:内联块;
    垂直对齐:基线;
    线高:0.6;
    边框:实心0.08em;
    宽度:0.6em;
    高度:0.6em;
    文本对齐:居中;
    字体大小:粗体;
    }
    &时代;