具有一致数字上标的浏览器字体

Question

该问题是针对以下问题的后续措施：

为什么上标数字的Unicode字符显示的高度不同？

我想找到一种常用字体，或者更好的字体堆栈，它可以使数字子符号和上标Unicode字符得到一致的显示。 这些以HTML表示，因此：

⁰¹²³⁴⁵⁶⁷⁸⁹
₀₁₂₃₄₅₆₇₈₉

⁰¹²³⁴⁵⁶⁷⁸⁹₀₁²₃₄₅₆₇₈₉

在Chrome / Windows上使用标准的SO字体堆栈，上标1 2和3看起来与其他数字不同。 如何找到能始终显示所有这些字形的字体？ 还是我应该使用一组更好的Unicode字符？ 如果可以避免，我不想使用<sup>或其他<span>样式。

Answer 1

在fileformat.info上查看字体覆盖率页面，例如上标四的页面： http : //www.fileformat.info/info/unicode/char/2074/fontsupport.htm

我们可以期望包含上标4的字体包含从零到九的所有上标数字，尽管在选择您的字体候选者后检查此无害。 同样，包含下标4的字体也包含其他下标数字。

在这些字体中，Lucide Sans Unicode可能是Windows系统上相当普遍可用的唯一字体。 在衬线字体中，Palatino Linotype通常可用，但并非通用。

无论如何，对于HTML文档，在CSS中列出替代字体是一个好主意。 例如，如果您使用<span class=sup>&#x2074;</span>并且您的总体文本字体是衬线字体（对于数学文本，衬线字体通常更可取），则可以使用CSS规则，例如

.sup { font-family: Cambria, Palatino Linotype, 
       DejaVu Serif, Gentium, Symbola, Code2000; }

列出的字体很少包含上标的可能性很小。 然后，浏览器应该退回一些可用的字体，但是特别是旧版本的IE经常无法做到这一点。 因此，您可以考虑将Lucida Sans Unicode放在列表的末尾。