Пользовательский шрифт выглядит иначе (выше) в Mac OS X ⇐ CSS

[Anonymous]

Я использую собственный шрифт. Шрифт отлично работает на моем ПК с Windows, но не на моем Mac (Yosemite OSX). Как вы можете видеть на изображениях, шрифт на Mac немного выше, чем на Windows. То же самое во всех браузерах.

На картинке я использую border-top... вы ясно видите проблему. На всем сайте шрифт немного выше обычного, как это исправить?


обычный шрифт на Windows/mac


пользовательский шрифт в Windows

пользовательский шрифт на Mac

CSS-код:

@font-face {
font-family: "Lovelo Black";
src: url('../fonts/lovelo_black.otf') format('opentype');
src: url('../fonts/lovelo_black.ttf') format('truetype');
src: url('../fonts/lovelo_black.eot') format('eot');
src: url('../fonts/lovelo_black.svg') format('svg');
src: url('../fonts/lovelo_black.woff') format('woff');
}


Подробнее здесь: https://stackoverflow.com/questions/325 ... n-mac-os-x