Странная линия-высота на мобильных браузерах

У меня есть следующая проблема. В мобильных браузерах шрифт (который загружается с помощью @ font-face), кажется, имеет странное смещение в его линейной высоте. Кажется, он немного движется к вершине.Странная линия-высота на мобильных браузерах

Я понял, что это шрифт. Когда я загружаю Open Sans, например ... нет проблем.

@ шрифт-слойного загруженного шрифта (РУБРИК):
http://s12.postimg.org/gnre9viod/Rubrik.png

Open Sans:
http://s27.postimg.org/s4jgc6zyb/Open_Sans.png

Посмотрите на маленький серый текст говоря 'т/м 6 МАарт 2016'
Он сдвинут на вершину.

Я пробовал:

Fix/Автоматическое Verticle метрики с fontsquirrel
Redownloading оригинальный шрифт и генерирующего WebFonts с различными генераторами

У меня есть следующие CSS:

body { 
    height: 100%; 
    width: 100%; 
    font-family: $typenormal; 
    font-weight: normal; 
    font-size: 18px; 

    @media(max-width: 991px) { 
     font-size: 14px; 
    } 

    line-height: 1.5; 
    color: #111; 
    -webkit-font-smoothing: antialiased; 
    text-rendering: optimizeLegibility; 
}

Я загружаю: