如何创建平稳的头条新闻与HTML和CSS?

Question

我看到了很多网页最近，具有非常光滑头条新闻，这样的网站，例如： http://boagworld.com/

他们怎么去做呢？是否有任何隐藏的线索?

在一点上，我听说过一种技术，在那里他们使用闪光灯(I think)嵌入定义的字体到一个网站，然后代替正常的标题与这个闪光灯的替代品。

什么其它的方法都有闪光？

Answer 1

假设你不想使用图像的文本替代，有几种技术，是适应的字体增强在非常不引人注目的方式:

• 使用 快闪 - SIFR
• 纯粹的 css = @font-face 和直接嵌入的字体 ttf 或 otf
• javascript 增强技术，脚本是被称为 的

我个人喜欢用网络安全字体的小知和做适当的后退

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/ 。他们让你调用自定义字体（他们已经授权给你），直接从您的样式表字体家庭，和嵌入网页上使用JavaScript从他们的服务器服务的字体。现在我用它自己的服务的一个项目，至今它似乎运作良好。他们没有可用字体的巨大的图书馆还，但它仍然比宋体，宋体，格鲁吉亚和Times New Roman更大。

Answer 4

我建议的Cufón获得这一点。它的非Flash（JavaScript的），真的很容易成立，并缓慢下降。