Проблемы с отображением шрифтов Windows при использовании @ font-face в CSS

У меня проблемы с @ font-face на компьютерах Windows (не знаю, в каком браузере). Это нормально работает в Linux и OSX.

Это код css, который я использую (сгенерированный с помощью font-squirel)

Проверьте скриншоты на предмет проблемы .. Кажется, есть 2 проблемы

  • В Windows шрифты «танцуют». Не выровнены по базовой линии.
  • В Windows шрифты выглядят не сглаженными.

У кого-нибудь есть идея? Заранее спасибо.

Снимок экрана в OSX и Linux:


(источник: j3rn.org )

Снимок экрана в Windows:


(источник: j3rn.org )

Код CSS

@font-face {
    font-family: 'SchulbuchNordFett';
    src: url(assets/fonts/schulbuchnord-fett-webfont.eot');
    src: url('assets/fonts/schulbuchnord-fett-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/schulbuchnord-fett-webfont.woff') format('woff'),
         url('assets/fonts/schulbuchnord-fett-webfont.ttf') format('truetype'),
         url('assets/fonts/schulbuchnord-fett-webfont.svg#SchulbuchNordFett') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SchulbuchNordNormal';
    src: url('assets/fonts/schulbuchnord-normal-webfont.eot');
    src: url('assets/fonts/schulbuchnord-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/schulbuchnord-normal-webfont.woff') format('woff'),
         url('assets/fonts/schulbuchnord-normal-webfont.ttf') format('truetype'),
         url('assets/fonts/schulbuchnord-normal-webfont.svg#SchulbuchNordNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

7
задан Glorfindel 17 August 2019 в 09:13
поделиться