自定义H1文本 - 图像替换? @字体面?

时间:2010-11-22 08:09:41

标签: html fonts image font-face

好的,人们,我厌倦了arial。

现在这个词是@ font-face是所有事情的方法,但是,好吧,我可以告诉支持不是真的存在(我错了吗?人们仍然使用FF2,对吧?不?)

我是使用GDlib在服务器上呈现标题的合理粉丝,但这显然无法创建可搜索的标题。

我正在考虑使用普通的旧< H1> &安培; < h2> s,然后在javascript中解析页面并将其替换为图像,但我仍然担心这会让谷歌发疯。

在最终的超级黑客中,我可能会使用@ font-face,然后,如果不支持,则将文本渲染为图像。我仍然担心这会让谷歌感到愤怒。 (这导致了第二个问题 - 有没有办法检测特定css功能的支持而不是简单地检测浏览器并与兼容性列表进行比较?)

有什么想法?我认为@ font-face还没有为黄金时间做好准备,我错了吗? WWSOD?

谢谢!

1 个答案:

答案 0 :(得分:1)

如果您将标题渲染为背景图像(使用CSS),从seo的角度看这是非常安全的,文本仍然只是隐藏。

.header
{
    background: url(header.png) 0 0 no-repeat;
    text-indent: -999em;
    height: 30px;
    width: 100px;
}

我同意仍然缺少@ font-face支持的浏览器。 Google将支持的浏览器列为:

* Google Chrome: version 4.249.4+
* Mozilla Firefox: version: 3.5+
* Apple Safari: version 3.1+
* Opera: version 10.5+
* Microsoft Internet Explorer: version 6+
相关问题