css - CSS不寻常的字体

Possible Duplicate:
How to add some non-standard font to a website?




我创建了一个网站，并且在我的CSS文件Im中使用了从Web下载的字体，它在Windows中可以很好地工作，我可以在我的网站上使用它，但是如果我在Linux上运行我的页面，那当然是行不通的，因为Linux不能我知道该字体，所以我的问题是，如果我将页面放在某个服务器上，则需要将该字体“安装”在服务器上或类似的东西上，或者它是如何工作的？

最佳答案

您需要创建字体的Web兼容格式（不同的浏览器需要不同的格式），然后在样式表中使用@font-face rule包含它。例如（这是http://fontsquirrel.com生成的输出）：

@font-face {
    font-family: "YourFont";
    src: url("YourFont.eot");
    src: url("YourFont.eot?#iefix") format("embedded-opentype"),
         url("YourFont.woff") format("woff"),
         url("YourFont.ttf") format("truetype"),
         url("YourFont.svg#YourFont") format("svg");
    font-weight: normal;
    font-style: normal;
}

然后浏览器将下载适当的字体文件并使用它。