Почему есть разница в отображении одного и того же шрифта?

Question

[weranda]

Приветствую.
В шрифтах не силен и поэтому есть недопонимание в разнице их отображения.

Взял шрифт SF Pro Display:

1. с сайта apple скачал (WOFF2);
   
2. вытащил из системных шрифтов в macOS и пропустил через конвертер (WOFF2);
   
3. просто установил в стилях SF Pro Display (идет прямо из системы).
   

Вот что получилось:



Как видно на скриншоте, первый вариант (с сайта apple) и второй вариант (системный шрифт пропущенный через конвертер) почти не отличаются. Третий же от первых двух отличается (заметно по длине строки).

Могли бы пояснить почему так? Почему есть разница между встроенным в систему шрифтом и шрифтами из первого и второго варианта?

spoiler

HTML

<fieldset class="apple-site">
        <legend>Скачанный шрифт с сайта Apple (WOFF2)</legend>
        <h2>АБВГДЕЖЗИКЛМНОПРСТУФХЦЧШЩЪЬЭЮЯ абвгдежзиклмнопрстуфхцчшщъьэюя</h2>
        <h2>ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz</h2>
    </fieldset>
    <fieldset class="system-rework">
        <legend>Обработанный шрифт из macOS (WOFF2)</legend>
        <h2>АБВГДЕЖЗИКЛМНОПРСТУФХЦЧШЩЪЬЭЮЯ абвгдежзиклмнопрстуфхцчшщъьэюя</h2>
        <h2>ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz</h2>
    </fieldset>
    <fieldset class="system">
        <legend>Встроенный в систему шрифт</legend>
        <h2>АБВГДЕЖЗИКЛМНОПРСТУФХЦЧШЩЪЬЭЮЯ абвгдежзиклмнопрстуфхцчшщъьэюя</h2>
        <h2>ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz</h2>
    </fieldset>

spoiler

CSS

@font-face {
    font-family: "apple-site";
    src: url("apple-site.eot");
    src: url("apple-site.eot?#iefix") format("embedded-opentype"),
        url("apple-site.woff2") format("woff2"),
        url("apple-site.woff") format("woff"),
        url("apple-site.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "system-rework";
    src: url("system-rework.eot");
    src: url("system-rework.eot?#iefix") format("embedded-opentype"),
        url("system-rework.woff2") format("woff2"),
        url("system-rework.woff") format("woff"),
        url("system-rework.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
}

.apple-site h2 {
    font-family: 'apple-site';

}

.system-rework h2 {
    font-family: 'system-rework';
}

.system h2 {
    font-family: 'SF Pro Display';
    font-weight: 500;
}

Comments

[SagePtr]

Визуально - в третьем случае не используется кернинг. Могу предположить, что для экономии ресурсов браузер его не использует при отображении стандартными шрифтами. А если без конвертации этот шрифт присосать в том формате, в котором он был, то как себя шрифт ведёт? Или псафари его не поддерживает?

[weranda]

SagePtr, Шрифт в системе находится в форматер OTF и «присосать» его в WEB без конвертации я не знаю как.