为网站用户添加字体到HTML/CSS代码(跨浏览器)

Kar*_*ine 2 html javascript css fonts

假设我有几个用于PSD网站设计的.otf和.dfont字体文件.现在我需要将这些字体添加到HTML/CSS代码中.我知道CSS3的@font功能可以做到这一点.但我相信它对旧版浏览器不起作用?那么跨浏览器的方式是什么呢?

apn*_*rve 5

首先,网站在所有浏览器中看起来都不一样(http://dowebsitesneedtolookexactlythesameineverybrowser.com/).在旧版浏览器中不显示这些字体是完全正常的.只是提供@ThiefMaster提到的后备.

如果您坚持使用相同的字体,即使是旧浏览器,您可能不得不依赖Cufon(http://cufon.shoqolate.com)来实现跨浏览器兼容性.使用特征检测(使用Modernizr)并有条件地加载Cufon库.请注意,在正文上使用Cufon会使页面加载速度变慢.

PS:所有IE版本都支持Web字体嵌入.