有没有一种方法可以在网站上添加一些自定义字体,而不使用图像,Flash或其他图形?

例如,我在一个婚礼网站上工作,我为这个主题找到了很多漂亮的字体。但是我找不到在服务器上添加那种字体的正确方法。我如何将CSS字体包含到HTML中?如果没有图像,这可能吗?


当前回答

您可以使用@import url(url)导入web字体。您必须将url替换为字体源(完整的web源)。

其他回答

W3C为此推荐的技术称为“嵌入”,这里有三篇文章对其进行了详细描述:嵌入字体。在我有限的实验中,我发现这个过程容易出错,而且在多浏览器环境中使用它的成功程度有限。

我做了一些研究,找到了动态文本替换(发布于2004-06-15)。

这项技术使用图像,但它似乎是“解放双手”。您编写文本,然后让一些自动脚本在页面上自动执行查找和替换操作。

它有一些限制,但它可能是我所见过的最简单的选择之一(而且更兼容浏览器)。

如果您有一个字体文件,那么您将需要为其他浏览器添加该字体的更多格式。

出于这个目的,我使用Fontsquirrel这样的字体生成器,它提供了所有的字体格式和它的@font-face CSS,你只需要将它拖放到你的CSS文件中。

《IE中的字体面:让Web字体正常工作》一文中说,它适用于所有三种主要浏览器。

这是我得到的一个工作样本:http://brendanjerwin.com/test_font.html

更多的讨论在嵌入字体中。

Safari和Internet Explorer都支持CSS @font-face规则,但是它们支持两种不同的嵌入式字体类型。Firefox计划在不久的将来支持与Apple相同的类型。SVG可以嵌入字体,但还没有得到广泛支持(没有插件)。

我认为我所见过的最可移植的解决方案是使用JavaScript函数将标题等替换为生成的图像,并使用你所选择的字体缓存在服务器上——这样你就可以简单地更新文本,而不必在Photoshop中进行处理。