如何为数字设置相同的行高

Question

我正在使用Google字体-Alegreya，并且数字是航海的。 有没有办法将它们放在一行中？

干杯！

Answer 1

在印刷术中，有两种（据我所知）数字。

Alegreya 使用“ 旧式图形”，该图形被设计为在最合适的位置流畅地升至基线之上和之下。在某些字体的情况下，旧样式的图形很漂亮，并提高了可读性。

您要寻找的被称为“ 衬里人物”，其名称是当士兵站在基线上时整齐排列的。

如果您要“纠正”此问题，则必须为要重新定位的每个数字手动执行此操作（或创建一个函数以编程方式执行此操作）。

如果您确实想构建自己的私人地狱，那么CSS3具有一项允许您进行操作的功能。查看基线偏移：http://www.cssportal.com/css-properties/baseline-shift.php

.theNumberSixSpan{
   baseline-shift:-0.3em;
}
.theNumberSevenSpan{
   baseline-shift:0.4em;
}

您能想象每个数字吗？特别是因为它不必要地违反了至少500年的印刷知识。

只有当您尝试将它们表示为独立数字（即不与其他长复制文本对齐）时，老式图形才成为真正的设计问题。我猜这就是你在做什么。很好：这意味着您可以为这些块选择第二种字体，既可以补充您的设计，又可以使用衬砌图形。

根据文本的性质，然后可以选择将旧样式的图形保留在长副本中，或以编程方式将其切换为第二种字体的衬砌图形。

希望此信息对您有所帮助。在评论中让我们知道是否还有其他可以添加的内容。