我正在开发一个项目,我正在使用六种权重/样式的字体 . 这些包括:常规,斜体,半粗体,半粗体斜体,粗体和粗体斜体 . 我有@ font-face标签设置(理论上)它们应该显示的方式 . 然而现实中发生的事情是,粗体总是斜体 . 反正有没有声明这些粗体斜体,以便它们能够正常工作?我不想在所有地方调用不同的字体系列名称 . 理想情况下,我应该能够声明正确的重量和样式,并获得正确的字体版本 .
@font-face {
font-family: 'AdobeGaramondPro';
src: url('agaramondpro-bold-webfont.eot');
src: url('agaramondpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('agaramondpro-bold-webfont.woff') format('woff'),
url('agaramondpro-bold-webfont.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'AdobeGaramondPro';
src: url('agaramondpro-bolditalic-webfont.eot');
src: url('agaramondpro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('agaramondpro-bolditalic-webfont.woff') format('woff'),
url('agaramondpro-bolditalic-webfont.ttf') format('truetype');
font-weight: bold;
font-style: italic, oblique;
}
@font-face {
font-family: 'AdobeGaramondPro';
src: url('agaramondpro-italic-webfont.eot');
src: url('agaramondpro-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('agaramondpro-italic-webfont.woff') format('woff'),
url('agaramondpro-italic-webfont.ttf') format('truetype');
font-weight: normal;
font-style: italic, oblique;
}
@font-face {
font-family: 'AdobeGaramondPro';
src: url('agaramondpro-regular-webfont.eot');
src: url('agaramondpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('agaramondpro-regular-webfont.woff') format('woff'),
url('agaramondpro-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AdobeGaramondPro';
src: url('agaramondpro-semibold-webfont.eot');
src: url('agaramondpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('agaramondpro-semibold-webfont.woff') format('woff'),
url('agaramondpro-semibold-webfont.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'AdobeGaramondPro';
src: url('agaramondpro-semibolditalic-webfont.eot');
src: url('agaramondpro-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('agaramondpro-semibolditalic-webfont.woff') format('woff'),
url('agaramondpro-semibolditalic-webfont.ttf') format('truetype');
font-weight: 600;
font-style: italic, oblique;
}
任何想法使这项工作?