Script Capital H 看起来与 Internet Explorer 中的 chrome 和 firefox 非常不同,以至于几乎难以辨认。无论如何让它看起来一样或至少提高字符的易读性?
这是角色的一个例子。如果您在 ie 和 firefox/chrome 中打开链接,您可以看到差异。 http://graphemica.com/%E2%84%8B
无论我是使用 unicode 编码还是简单地将实际字符粘贴到标记中,字符呈现都是相同的。
Script Capital H 看起来与 Internet Explorer 中的 chrome 和 firefox 非常不同,以至于几乎难以辨认。无论如何让它看起来一样或至少提高字符的易读性?
这是角色的一个例子。如果您在 ie 和 firefox/chrome 中打开链接,您可以看到差异。 http://graphemica.com/%E2%84%8B
无论我是使用 unicode 编码还是简单地将实际字符粘贴到标记中,字符呈现都是相同的。
原因是不同浏览器的默认字体不同,而脚本大写H在不同字体下的设计也有较大差异。手写体字母应该类似于手写字母,并且笔迹变化很大。
如果您的页面在 CSS 中声明了要使用的某些字体,那么如果该字符未包含在您声明的字体中,则无论如何浏览器都将被迫使用其他字体。因此,您应该编写一个已知包含可接受形状的字符的字体列表,并为包含该字符的元素声明该列表。例如,您可以使用
<span class=special>ℋ</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
为所有元素设置,以避免由于同一行上不同字体的字符各自使用自己的默认行高渲染而导致的问题。
更多信息:在 HTM L中使用特殊字符的指南。