脚本资本字符渲染在Internet Explorer中

时间:2012-10-05 08:58:57

标签: internet-explorer fonts special-characters webpage-rendering

Script Capital H看起来与互联网浏览器中的chrome和firefox非常不同,以至于它几乎难以辨认。反正有没有看起来相同或至少提高角色的易读性?

这是角色的一个例子。如果你打开ie和firefox / chrome中的链接,你可以看到区别。 http://graphemica.com/%E2%84%8B

无论我是使用unicode编码还是简单地粘贴标记中的实际字符,字符呈现都是相同的。

1 个答案:

答案 0 :(得分:2)

原因是不同的浏览器具有不同的默认字体,并且脚本大写H在不同的字体中具有相当不同的设计。脚本字母应该类似于手写字母,手写字体差异很大。

如果您在CSS中声明了要使用的某些字体,那么无论如何,如果该字符未包含在您声明的字体中,浏览器将被强制使用其他字体。因此,您应该编写已知包含可接受形状的字符的字体列表,并声明包含该字符的元素的列表。例如,您可以使用

<span class=special>&#x210b;</span>

使用CSS代码

.special { Lucida Sans Unicode, Segoe UI Symbol, DejaVu Sans }

也许有更长的清单;比照字体覆盖率信息(不详尽,但有用):http://www.fileformat.info/info/unicode/char/210b/fontsupport.htm

您提到的页面有font-family: "Times","Times New Roman","serif","sans-serif",但由于这两种特定字体都不包含该字符,因此使用了名为serif和sans-serif的字体(这些名称不能用引号括起来,以便它们被视为CSS - 定义的通用名称!),因此浏览器回退到其最底层的默认字体。这会有所不同,可能取决于浏览器设置。

请记住为所有元素设置line-height,以避免由同一行上的不同字体中的字符引起的问题,每个字体都使用自己的默认行高进行渲染。

更多信息:Guide to using special characters in HTM L。