CSS:在单个字体族中导入自定义字体样式

CSS:在单个字体族中导入自定义字体样式,css,fonts,font-face,webfonts,Css,Fonts,Font Face,Webfonts,我想在我的项目中使用一种字体,它有不同的粗体、斜体等字体。不同的样式应属于一个特定的字体系列“共享” 所以我提出了这个CSS: font-face { font-family: 'share'; src: url('share-regular.eot'); src: url('share-regular.eot?#iefix') format('embedded-opentype'), url('share-regular.woff') format('woff'), url

我想在我的项目中使用一种字体,它有不同的粗体、斜体等字体。不同的样式应属于一个特定的字体系列“共享”

所以我提出了这个CSS:

font-face {
font-family: 'share';
src: url('share-regular.eot');
src: url('share-regular.eot?#iefix') format('embedded-opentype'),
     url('share-regular.woff') format('woff'),
     url('share-regular.ttf') format('truetype'),
     url('share-regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'share';
src: url('share-bold.eot');
src: url('share-bold.eot?#iefix') format('embedded-opentype'),
     url('share-bold.woff') format('woff'),
     url('share-bold.ttf') format('truetype'),
     url('share-bold.svg') format('svg');
font-weight: bold;
}
@font-face {
font-family: 'share';
src: url('share-italic.eot');
src: url('share-italic.eot?#iefix') format('embedded-opentype'),
     url('share-italic.woff') format('woff'),
     url('share-italic.ttf') format('truetype'),
     url('share-italic.svg') format('svg');
font-style: italic;
}
(还有一种单间距变体,但我现在把它放在另一个系列“共享单声道”中。)

但这不适用于“斜体”。我不确定“加粗”:看起来还可以,但可能只是“常规”加粗,而不是具体的共享加粗

所以我想知道是否有可能实现我想做的事情,如果有,我的错误在哪里

提前谢谢!
亨德里克(Hendrik)

它在什么方面不适用于斜体?如果斜体无法加载,浏览器将采用竖直版本并使其倾斜;是这样吗?还有,这是一种在某处可用的字体吗?或者你可以上传到某个地方,我们可以看看吗?@MrLister谢谢你的回复!我知道斜体不起作用,因为我在测试页面中看到的是倾斜的规则“f”,而不是斜体eof/woff/ttf附带的“漂亮的”。字体文件位于子域上。也许我有CORS问题?检查。这是发生错误的模板之一。@MrLister我刚刚注意到:当我在浏览器中查看的源代码并单击头部的CSS时,它显示了一个过时的版本。。。现在我真的很困惑。你的意思是这不是正确的样式表?嗯,还有另一个样式表,它似乎试图包含“共享”字体,但这个样式表不起作用;导入的css文件不存在。