Chrome显示“X”而不是右指角支架>

时间:2015-11-04 13:25:04

标签: html css google-chrome unicode

在新的戴尔笔记本电脑(Windows 10和谷歌浏览器 - v46.0.2490.80米)上,我们的网站显示“X”而不是“>”,我试图用unicode值替换它(Me.ListBox1.Clear Me.ListBox1.ColumnCount = rngFound.Columns.Count Me.ListBox.RowSource = rngFound.Address )但这也没有帮助。我们正在使用Web字体,因此我认为可以排除损坏的字体问题,它可以在同一台笔记本电脑上的Edge和IE 11上正确显示。只是谷歌浏览器没有正确显示它。

jsfiddle以及内联代码如下

:before {content:'\232A';}
body {
  font-family: "Fjalla One", "Trebuchet MS", sans-serif;
}
.right-angle-bracket {
  font-size: 18px;
}
.right-angle-bracket:before {
  content: "〉";
}
.right-angle-bracket-rotate90 {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.overview-findoutmore .right-angle-bracket {
  position: relative;
  right: -29px;
  top: 3px;
  width: 30px;
  height: 30px;
}

下面是它出现的屏幕截图

X instead of ⟩

以下是应该如何(相同的Chrome版本,但在另一台PC上)

Supposed to be

使用图像不是一种选择,因为它在具有旋转和不同尺寸的多个地方使用。有什么方法可以解决或解决这个问题。

更新1: 顺便说一下,这就是它在Unicode converter页面上的显示方式 enter image description here

更新2: 所以使用FontForge我检查了“Fjalla One”和其他一些字体,并注意到这个unicode char不在那里(参见下面的图片),但令我困惑的是,为什么它在所有其他PC上工作,我会假设如果是这种情况那么它应该在其他地方显示为“X”。 FontForge

我已经通过以下链接

其他参考资料

1 个答案:

答案 0 :(得分:0)

嵌入字体Fjalla One不包含U + 232A的字形,因此您依赖于客户端上安装的任何字体(以及浏览器是否可以将正确的字体拉入其后备堆栈)。奇怪的是,在那台机器上,U + 232A看起来像是X,但最终它并不是一个受到良好支持的角色,所以最好不要依赖它。

您可以编辑字体以添加所需的字符,或者最好只使用SVG形状。