Почему @ font-face выглядит странно в Windows?

Question

Я создал шрифтовые файлы для шрифта «formata», используя fontsquirrel. На моем Mac шрифт хорошо выглядит как в Chrome, так и в Safari (что кажется логичным, поскольку оба используют Webkit). Он отлично работает на Android (Chrome) и iPad (Safari).

В Windows, однако, шрифт становится действительно странным. Некоторые буквы выглядят так, как будто они имеют нижнюю часть 1px. Некоторые буквы также кажутся, что они имеют один пиксель на маленьком уровне.

Я попытался включить ClearType, но он все тот же. Браузер, похоже, не имеет значения.

Ниже скриншот того, как я выглядит следующим образом:

Answer 1

Попробуйте изменить размер шрифта. Некоторые пользовательские шрифты в Windows плохо работают при определенных размерах шрифтов. Экспериментируйте с несколькими разными размерами.

Пример, который работает для меня:

@font-face { 
    font-family: 'PaddingtonSCPlainSmallCapsRom'; 
    src: url('/assets/fonts/paddingtonsc-webfont.eot'); /* IE9 Compat Modes */ 
    src: url('/assets/fonts/paddingtonsc-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('/assets/fonts/paddingtonsc-webfont.woff') format('woff'), /* Modern Browsers */ 
     url('/assets/fonts/paddingtonsc-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('/assets/fonts/paddingtonsc-webfont.svg#webfontCykG2Qou') format('svg'); /* Legacy iOS */ 
    font-weight: normal; 
    font-style: normal; 
    /* font-variant: normal; don't include this since webkit will ignore the whole rule: https://bugs.webkit.org/show_bug.cgi?id=25000 */ 
} 

body { 
    font: normal 75%/1.5em PaddingtonSCPlainSmallCapsRom, Arial, sans-serif; 
}