Why is there a difference in displaying the same font?

Question

Fonts

Greetings.
I am not strong in fonts and therefore there is a misunderstanding about the difference in their display.

I took the font SF Pro Display:

1. downloaded from the apple website (WOFF2);
   
2. pulled from system fonts in macOS and passed through the converter (WOFF2);
   
3. just installed in SF Pro Display styles (comes straight from the system).
   

Here's what happened:



As you can see in the screenshot, the first option (from the apple website) and the second option (the system font passed through the converter) are almost the same. The third differs from the first two (noticeably by the length of the line).

Could you explain why that is? Why is there a difference between the built-in font and the fonts from the first and second options?

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;
}