Когда мы определяем стили @ 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, чтобы различать полужирный и курсивный варианты ? Зачем использовать отдельное семейство шрифтов? Знают ли они что-нибудь о (отсутствии) поддержки этой функции в каком-либо браузере?