Por que não definir o peso ou o estilo da fonte em @ font-face, Font Squirrel?
Quando definimos os estilos @ font-face, podemos definir se os arquivos referenciados são para as versões em negrito, itálico ou itálico em negrito de uma fonte, conforme discutido nesta pergunta do SO:
Como adicionar vários arquivos de fonte para a mesma fonte?
Exemplo:
@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;
}
No entanto, o Font Squirrel não gera @ font-face kits dessa maneira. Eles fazem algo assim:
@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;
}
O que significa que, em nossos arquivos CSS, precisamos fazer coisas como estas:
h2 {
font-family: 'FontinSansBold', Verdana, sans-serif;
font-weight: normal;
}
Por que o Font Squirrel não usa as declarações de peso e estilo da fonte para distinguir as variantes em negrito e itálico? Por que usar uma família de fontes separada? Eles sabem algo sobre (falta de) suporte para esse recurso em algum navegador?