CSS цифра c стиль шрифта - высота одной строки - PullRequest
0 голосов
/ 17 марта 2020

У меня вопрос по поводу одного из веб-шрифтов Google. Шрифт, который я имею в виду: «Alegreya Sans»

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

Здесь вы можете увидеть, что я имею в виду (это мой стиль по умолчанию html):

default

Вот как это выглядит на дизайне:

enter image description here

И это то, что я достиг с css прямо сейчас, используя:

font-variant: diagonal-fractions;

enter image description here

Но проблема в этом решении в том, что цифры сейчас слишком малы ... Я не могу изменить размер шрифта, потому что он иногда смешивается с буквами. Однажды в другом проекте я как-то исправил это с css, но я не могу вспомнить, как я это сделал. Было некоторое свойство css, которое решает эту проблему.

1 Ответ

0 голосов
/ 17 марта 2020

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

Поэтому я решил загрузить этот шрифт в качестве шрифта для рабочего стола, а затем из файлов .ttf я сгенерировал веб-шрифт используя transfonter.

Я просто использовал

font-variant-numeric: lining-nums;

И шрифт выглядит отлично!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...