我应该使用@ font-face或图像来制作复杂的花式标题

时间:2012-05-15 17:10:38

标签: html css font-face

我有一个带有花哨标题的网页。我可以选择使用@ font-face来渲染它或使其成为图像。该字体仅用于这一个标题

我发现@ font-face选项在浏览器中实现起来有点棘手,因为标题在大小和对齐方面非常复杂。字体本身也不会在浏览器之间呈现完全相同的字体。

所以我想的是只使用带有alt标签的图像选项。这样做有什么实际问题吗? SEO考虑因素?

2 个答案:

答案 0 :(得分:1)

总之,它取决于你。对于像这样的化妆品,我会做同样的字体和背景图像。让它在现代浏览器(FF,Chrome,Safari,IE9(?))中工作,然后为IE6和其他不符合要求的浏览器添加图像的后备。

使用图片(即<img />标签)可能是您最糟糕的选择。当涉及到SEO垃圾时,标题标签在水中保持其重量,所以你拥有的标记越多越好。

  

字体本身也不会在浏览器之间呈现完全相同的颜色。

Read here...

答案 1 :(得分:1)

使用图像作为标题没有任何错误,只要你做得正确(将它们放在适当的标题标签中等)。使用alt标签有时是不够的。我建议研究一些图像替换技术。这是一个广泛的(非常好的)列表:

http://css-tricks.com/examples/ImageReplacement/