css – 如何将自定义TrueType字体打包到网站,以便浏览器呈现它？

我正在为某人开发一个网站,但他们希望(坚持)标题是非标准字体. (客户总是对的.)我有TrueType(.ttf)字体,但如何将其与网站捆绑在一起以便使用它？

我尝试将它放在Images文件夹中,并尝试使用样式表访问它：

font-family:URL(Images/Arial_Rounded_MT_Bold.ttf)

但那没用.如何以呈现的方式包含非标准字体？

如果它有用,这是一个ASP.NET 2.0站点.

目前没有标准的方法来做到这一点.您可以使用 @font-face,但并非所有浏览器都支持它.正如 Lance所述, this是寻找主要浏览器支持参考的好地方.

努力使这种类型的东西标准化. Web Open Font Format(WOFF)就是这样的努力.看起来这可能会被未来主流浏览器采用.我们将不得不拭目以待.

目前,您可以做的最好的方法是像平常一样引用您的字体,但之后添加默认(标准)字体.

font-family: "Arial Rounded MT Bold", "Times New Roman", Serif