请注意,您可能也对以下内容感兴趣:
自定义Web字体在IE9中不起作用
其中包括您在下面看到的CSS的更具描述性的细分(并说明了使它在IE6-9上更好地工作的调整)。
@font-face {
font-family: 'Bumble Bee';
src: url('bumblebee-webfont.eot');
src: local('☺'),
url('bumblebee-webfont.woff') format('woff'),
url('bumblebee-webfont.ttf') format('truetype'),
url('bumblebee-webfont.svg#webfontg8dbVmxj') format('svg');
}
@font-face {
font-family: 'GestaReFogular';
src: url('gestareg-webfont.eot');
src: local('☺'),
url('gestareg-webfont.woff') format('woff'),
url('gestareg-webfont.ttf') format('truetype'),
url('gestareg-webfont.svg#webfontg8dbVmxj') format('svg');
}
body {
background: #fff url(../images/body-bg-corporate.gif) repeat-x;
padding-bottom: 10px;
font-family: 'GestaRegular', Arial, Helvetica, sans-serif;
}
h1 {
font-family: "Bumble Bee", "Times New Roman", Georgia, Serif;
}
和您的后续问题:
问:我想使用一种字体,例如“大黄蜂”。如何使用@font-face
该字体在用户计算机上可用?
请注意,我不知道您的Bumble Bee字体或文件的名称是什么,因此请进行相应的调整,并且如上所示,应在使用前(先于)使用字体声明。
问:我还可以使用其他@font-face
字体“ GestaRegular”吗?我可以在同一样式表中使用它们吗?
如我在示例中所示,将它们一起列出。没有理由不能同时声明两者。所@font-face
要做的就是指示浏览器下载并提供字体系列。参见:http : //iliadraznin.com/2009/07/css3-font-face-multiple-weights