Как установить одинаковую высоту строки для цифр - PullRequest
0 голосов
/ 03 июля 2018

Я использую гугл шрифты - Alegreya , и цифры навигационные. Есть ли способ поместить их в одну строку?

Ура! * * 1005

1 Ответ

0 голосов
/ 06 июля 2018

В типографии есть два (насколько мне известно) типа цифр.

Алегрея использует " Цифры в старинном стиле ", которые предназначены для плавного подъема выше и опускания ниже базовой линии, где это наиболее целесообразно. В контексте некоторых шрифтов фигуры старого стиля прекрасны и улучшают читаемость.

То, что вы ищете, называется " Подкладные фигуры ", которые называются так, как они выстраиваются в линию, как солдаты, стоящие на базовой линии.

Если вы хотите «исправить» это, вам придется делать это вручную для каждого номера, который вы хотите изменить (или создать функцию для этого программно).

Если вы хотите создать свой собственный ад, CSS3 имеет функцию, которая позволяет вам. Проверьте смещение базовой линии: http://www.cssportal.com/css-properties/baseline-shift.php

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

Вы можете представить это для каждого номера? Тем более, что это излишне противоречит как минимум 500 годам типографских знаний.

Рисунки старого стиля становятся реальной проблемой дизайна только тогда, когда вы пытаетесь представить их как отдельные цифры (то есть не совпадают с другим длинным копируемым текстом). Я предполагаю, что это то, что вы делаете. Это хорошо: это означает, что вы можете выбрать для этих блоков вторую гарнитуру, которая одновременно дополняет ваш дизайн и использует подкладочные фигуры.

В зависимости от характера текста вы можете выбрать сохранение рисунков старого стиля в своей длинной копии или переключить их на подкладку рисунков второго шрифта программным способом.

Надеясь, эта информация поможет вам. Дайте нам знать в комментариях, если есть что-то еще, что мы можем добавить.

...