我如何在CSS中使用自定义字体

dav*_*ave 2 css browser fonts

为了使用浏览器不支持的自定义字体,我可以尝试哪些选项?

Cra*_*ray 6

更新:截至2015年,最好的选择是使用CSS3 font-face,它几乎无处不在.Google Fonts平台上有很好的例子.

正确知道可能最好的选择是cufon:http://cufon.shoqolate.com/generate/

它是一个JavaScript库,可以将服务器上的字体文件转换为浏览器中这些字体的JavaScript表示形式.适用于所有主流浏览器,看起来非常好,不会减速(比较旧的基于闪存的sIFR解决方案),但确实需要JavaScript.(没有它你仍然会看到所有的文字,但标准字体).

或者您可以使用CSS3 font-face:http: //randsco.com/index.php/2009/07/04/p680您基本上将字体放在服务器上然后使用CSS来呈现它们,简单明了.所有浏览器都支持它,但现在它可能是你最好的镜头.不需要JavaScript.(我知道我说cufon是你最好的射门,但是这两个同样很好,他们只是用一些不同的方式来做)

更新:此外,font-face可能更好的另一个原因是与其一起使用的文本变得与文档中的任何其他文本一样.在大多数浏览器中,Cufoned文本变为canvas标签,并且存在例如文本选择的问题.此外,如果您在任何大量文本上使用cufon(如整篇文章的文本,而不仅仅是标题),它可能会变得非常慢(因为JavaScript必须渲染大量文本在这种情况下).标题虽然很好.