我正在一个项目中,我正在使用六个粗细/样式的字体。这些包括:常规,斜体,半粗体,半粗体斜体,粗体和粗体斜体。我有@ 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;
}
有什么想法可以使它起作用吗?
最佳答案
您可以使用诸如p.normal {font-style:normal}p.italic {font-style:italic}p.oblique {font-style:oblique}
之类的东西通过paragraf类声明字体。或类似h1, h2, h3, h4, h5, #headline a {color:#FF9900;}
关于css - 定义CSS @ Font-Face粗斜体,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10609002/