@ font-face: Почему эта отдельная буква шрифта отличается от Windows?

Question

Я создал набор webfont с использованием fontsquirrel.com для шрифта под названием InterFace by Dalton Maag. Однако строчная буква s выглядит по-другому и немного больше, чем все остальные буквы. Это происходит в Windows и в нескольких браузерах (протестировано на Chrome 53, Safari 5.1, Internet Explorer 11, Firefox 49).

(обратите внимание на нижний регистр S буквы на Джессику и Clements)

Проблема уходит, если увеличить браузер, чтобы сделать шрифт крупнее:

Но это не происходит на Ubuntu (хром и светлячок)

Является ли это проблема с рендерингом шрифтов с Windows? Или это может быть проблемой «намека на шрифт»? Как я могу это исправить?

Answer 1

Это связано с «X-Height Snapping» на подсказках TrueType (TT). Мне пришлось загружать TTFAutoHint и вручную настраивать конфигурацию и сначала называть файл шрифта, прежде чем генерировать производные через fontsquirrel.com, оставляя варианты подсказки TT как «Keep existing», вместо того, чтобы позволить fontsquirrel обрабатывать намеки (либо с помощью подсказки fontsquirrel, либо с помощью подсказки ttfautohint)

Мне пришлось установить «Исключения привязки X-Height» до -20, чтобы он не использовал «привязку» на размерах менее 20ppem. Это создало правильную букву высоты s при небольших размерах шрифта. Вот мой конфиг:

Разница была четко видна на окна предварительного просмотра шрифтов, когда вы не установили X-Height Snapping Exception:

И когда вы установите его в -20:

(Над предваротельные в 12pt)