使用CSS3/HTML5的自定义字体？

Question

我在CSS样式表的开头有这个代码(当然链接到我的index.html):

@font-face {
    font-family: "Calibri";
    src: local("Calibri"), local("Calibri"), url("fonts/Calibri-Bold.otf") format("truetype");
}

我正在使用:

#id {
font-family: Calibri, Verdana, Arial, sans-serif;
}

但它仍然无效.我的代码出了什么问题？

Answer 1

你已经local("Calibri")在你的src财产中重复了两次.

此外,请记住,IE不支持local(),如果您在IE中查看您的网站,它将不会加载字体.最重要的是,据我所知,IE仅支持EOT格式.

对于OTF字体,请使用format("opentype")(您有"truetype").

还有一件事:如果这是Microsoft的Calibri字体,请记住许可证可能不允许这种类型的使用.我不熟悉许可证,所以不能确定是否是这种情况.