Wenn wir @ Schriftarten definieren, können wir definieren, ob die referenzierten Dateien für die fetten, kursiven oder fetten kursiven Versionen einer Schrift sind, wie in dieser SO-Frage erläutert:

Wie füge ich mehrere Schriftdateien für dieselbe Schrift hinzu?

Beispiel

@font-face {
    font-family: 'FontinSans';
    src: local('☺'), url('fontin_sans_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontinSans';
    src: local('☺'), url('fontin_sans_bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

Font Squirrel generiert auf diese Weise jedoch keine @ font-face-Kits. Sie machen stattdessen so etwas:

@font-face {
    font-family: 'FontinSans';
    src: local('☺'), url('fontin_sans_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontinSansBold';
    src: local('☺'), url('fontin_sans_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

Was bedeutet, dass wir in unseren CSS-Dateien Folgendes tun müssen:

h2 {
    font-family: 'FontinSansBold', Verdana, sans-serif;
    font-weight: normal;
}

Warum verwendet Font Squirrel die Deklarationen für die Schriftstärke und den Schriftstil nicht, um die fetten und kursiven Varianten zu unterscheiden? Warum eine separate Schriftfamilie verwenden? Wissen sie etwas über (fehlende) Unterstützung für diese Funktion in einigen Browsern?