如何在Wingdings中呈现?

时间:2015-01-22 15:43:14

标签: html fonts cross-browser

我注意到在Chrome和IE(不是Firefox)中,当{font-family}设置为Wingdings时, 呈现为点。这是预期的还是渲染错误?另外,为什么firefox不能以同样的方式呈现它?

示例:http://codr.io/v/zhs4f42

编辑:唯一发生在Chrome 40和IE中。 Chrome< = 39并且Firefox显示空白区域。

1 个答案:

答案 0 :(得分:3)

NO-BREAK SPACE( 表示的意思)根本不会以Wingdings字体呈现,因为该字体(特定于Windows)不包含该字符的字形。因此,当设置font-family: Wingdings且文本包含NO-BREAK SPACE时,浏览器应从某些后备字体中获取字形,或者只留一个空格。

一些浏览器所做的不正确的行为是,他们使用恰好位于位置A0(十六进制)的Wingdings中的字形,对应于NO-BREAK SPACE的Unicode代码编号。这是错误的,因为Wingdings不是Unicode编码的字体;它只有一个私人的字形配置位置。

根据Wingdings to Unicode mapping table,该字形代表Unicode字符U + 25AA BLACK SMALL SQUARE“▪”。在小字体中,它可能看起来像一个点。