如何使用HTML和CSS创建流畅的标题？

Question

我最近看到很多网页都有非常流畅的标题，比如这个网站：http://boagworld.com/

他们是如何做到的？有没有隐藏的线索？

有一次，我从一种技术中听说他们使用Flash（我认为）将自定义字体嵌入到网站上，然后用这种闪存替代品替换正常的标题。

除闪光灯外还有哪些其他方式？

Answer 1

假设您不想将图像用作文本替换，有几种技术可以非常不显眼的方式调整字体增强：

• 使用 flash - SIFR
• 纯 css = @font-face并直接在ttf或otf
中嵌入字体
• javascript 增强技术，该脚本称为Cufon

我个人喜欢使用网络安全字体与不太知名的组合并做适当的后备

Answer 2

他们只是将图像用作某些事物的CSS背景，在这种情况下：

http://boagworld.com/wp-content/themes/BoagworldV2/images/logo.gif

您可以使用一些图像和CSS执行任何操作，例如：

#header { background: #FFFFFF url(myLogoImg.png) center no-repeat; }

Answer 3

如果您不想使用图像替换或sIFR，但想要自定义字体，则应该查看TypeKit - http://typekit.com/。它们允许您直接从样式表中使用font-family调用自定义字体（它们已授权给您），并使用页面上嵌入的javascript从其服务器提供字体。我现在正在使用它在项目上的服务，到目前为止似乎运行良好。他们还没有庞大的字体库，但它仍然比Arial，Verdana，Georgia和Times New Roman更大。

Answer 4

我会为此推荐cufón。它是非Flash（JavaScript），非常容易设置，并且可以优雅地降级。