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

Question

这个问题是对以下问题的跟进：

Why the display of Unicode characters for superscripted digits are not at the same height?

我想找到一种常用的字体，或者更好的字体堆栈，它可以一致地显示数字子和上标 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

我们可以期望包含上标四的字体包含从零到九的所有上标数字，尽管在选择候选字体后检查这一点并没有什么坏处。同样，包含下标四的字体也包含其他下标数字。

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

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

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

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