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

fla*_*404 3 css webfonts

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

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

font-family:URL(Images/Arial_Rounded_MT_Bold.ttf)
Run Code Online (Sandbox Code Playgroud)

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

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

End*_*ssa 5

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

努力使这种类型的东西标准化.该网络开放字体格式(WOFF)就是这样的一种努力.看起来这可能会被未来主流浏览器采用.我们将不得不拭目以待.

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

font-family: "Arial Rounded MT Bold", "Times New Roman", Serif
Run Code Online (Sandbox Code Playgroud)