我正在使用这样提供的网络字体:
font-family:'Sabon LT W01 Roman';
font-family:'Sabon LT W01 Italic';
并希望能够在我的css中使用类似的东西:
font-family: 'Sabon';
font-style: italic;
而不是
font-style: 'Sabon LT W01 Italic'
在我的CSS中。
有没有办法实现这个目标?我知道在使用@ font-face和直接链接到字体时可以定义粗体/斜体,但事实并非如此。字体托管在Fonts.com,所以我认为我不能使用@ font-face并指定字体文件,除非我托管它们。
这就是我现在设置样式的方式:
%font-serif {
font-family:'Sabon LT W01 Roman', serif;
}
%font-serif-italic {
font-family:'Sabon LT W01 Italic', serif;
font-style: italic;
}
迫使我使用@extend %font-serif;
代替
@extend %font-serif;
font-style: italic;
答案 0 :(得分:0)
你是如何导入字体的?直接链接?如果是这样,你仍然可以使用字体:
@font-face {
font-family: 'Sabon';
src: local('Sabon'), local('Sabon'), url('http://link/font.woff') format('woff');
}
然后你可以使用它:
#block{
font-family: 'Sabon';
font-weight: bold;
}