当我们定义@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声明来区分粗体和斜体变体?为什么要使用单独的字体系列?他们是否知道某些浏览器对此功能的支持(或缺乏支持)有所了解?为什么Font Squirrel不使用font-weight和font-style声明来区分粗体和斜体变体?为什么要使用单独的字体系列?他们是否知道某些浏览器对此功能的支持(或缺乏支持)有所了解?