Когда мы определяем стили @ font-face, мы можем определить, являются ли файлы, на которые ссылаются, шрифтами, полужирным, курсивом или полужирным курсивом, как обсуждалось в этом вопросе SO:

Как добавить несколько файлов шрифтов для одного и того же шрифта?

Пример:

@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 не генерирует наборы @ font-face таким образом. Вместо этого они делают что-то вроде этого:

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

Что означает, что в наших файлах CSS мы должны делать такие вещи:

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

Почему Font Squirrel не использует объявления font-weight и font-style, чтобы различать варианты, выделенные жирным шрифтом и курсивом? Зачем использовать отдельное семейство шрифтов? Знают ли они что-нибудь о (отсутствии) поддержки этой функции в каком-то браузере?