当我们定义@ font-face样式时,我们可以定义引用的文件是否为粗体,斜体或粗体斜体版本,如本SO问题所述：
https://stackoverflow.com/questions/2436749/how-to-define-bold-italic-using-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: '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声明来区分粗体和斜体变体？为什么要使用单独的字体系列？他们在某些浏览器中是否知道(缺少)对此功能的支持？
