пользовательские шрифты с разными вертикальными метриками между ОС

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

Во-первых, вот изображения, чтобы понять проблему

Изменить: к сожалению, как новый пользователь, я не могу публиковать изображения, поэтому вот описание:

Проблема заключается в расстоянии между базовой линией шрифта и элементом под ним Это. На моей машине с Ubuntu есть необъяснимый пробел, который не является отступом/полем. Даже если вы выделяете текст, он выглядит смещенным.

Оба тестировались в Chrome, за ними, конечно же, стоял один и тот же html/css (это одна и та же страница). Нет нижних полей/отступов как в коде, так и в инструменте инспектора Chrome. Одинаковая высота строки. Шрифт Museo. Оба загружают версию шрифта .woff. Любая другая информация, я был бы рад предоставить.

CSS для импорта шрифта:

@font-face {
  font-family: 'Museo-700';
  src: url('path-to-eot');
  src: url('path-to-eot?') format('embedded-opentype'),
       url('path-to-woff') format('woff'),
       url('path-to-ttf') format('truetype');  
}

Проблема сохранялась, даже когда я удалял объявление woff, а ttf предоставлял шрифт.

Я совсем запутался, понятия не имею, как сделать то же самое.

6
задан Cœur 14 October 2018 в 05:18
поделиться