Как объяснить такое странное поведение шрифтов в разных системах (Linux, Windows) браузеры одинаковы?

Question

[sergey]

Решил попробовать подключить шрифты в проекте по этому примеру: Веб-шрифты 2016. Подключаем, используем
Протестировал на своем компе, шрифт Franklin-Gothic-Heavy-Regular (Linux: Chrome, Firefox, Opera, Safari) - все ок, на Mac также все ок, метод работает, шрифты отображаются ок. , на другой машине (Windows XP: Chrome, Firefox, Opera), шрифт уже отображается совсем по другому, причем во всех браузерах , почему такое происходит?

Answer 1

[Максим Тимофеев]

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

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

соответственно кроссбраузерно будет отображаться только font-weight 400 и 700. Один браузер при рендере 600 покажет 400, второй 700, третий попробует зарендерить 600.

Comments

[sergey]

вполне возможно, у меня задан как раз font-weight: 800, но на машине с Linux или даже nix системой, все браузеры отображают корректно, а вот на машине с WindowsXP - косяк

[Максим Тимофеев]

SM: Как вариант поиграть с font-weight и подобрать нужный или подключать для 800 отдельный шрифт.

[sergey]

Максим Тимофеев: я вашу мысль понял, об этом знаю, но вопрос немного в другом: отображение шрифтов отличается на Linux и Windows (браузеры что там что там - одинаковые)

[Максим Тимофеев]

SM: почитайте вот тут https://habrahabr.ru/post/122269/

[sergey]

Максим Тимофеев: круто, это многое объясняет, спасибо.

Answer 2

[Cyber_bober]

потому что для ие шрифт нужен в формате eot

Comments

[sergey]

это понятно, но я говорю не о ИЕ