html - 複雑で凝った見出しには @font-face を使うべきか、画像を使うべきか

Question

派手な見出しの Web ページがあります。@font-face を使用してレンダリングするか、画像にするオプションがあります。フォントはこの 1 つの見出しでのみ使用されます

見出しはサイズと配置の点で非常に複雑であるため、@font-face オプションをブラウザー間で適切に実装するのは少し難しいことがわかりました。また、フォント自体がブラウザ間でまったく同じように表示されるわけではありません。

だから私はaltタグで画像オプションを使うことを考えていました。これを行うことに実際の問題はありますか？SEOの考慮事項？

score 1 · Accepted Answer

要するに、それはあなた次第です。このような装飾的なものについては、フォントと背景画像の両方を行います。最新のブラウザー (FF、Chrome、Safari、IE9(?) ) で動作するようにしてから、IE6 用の画像を使用してフォールバックを追加し、その他のブラウザーには対応していません。

画像 (つまり<img />タグ) を使用することは、おそらく最悪の策です。ヘッダータグは、SEO ジャンクに関して言えば、水に埋もれているため、意味のあるマークアップがあればあるほど良いのです。

また、フォント自体がブラウザ間でまったく同じように表示されるわけではありません。

score 1 · Accepted Answer

画像をヘッダーとして使用することは、適切に行う限り (適切なヘッダータグに入れるなど)何も問題はありません。タグを使用するaltだけでは不十分な場合があります。いくつかの画像置換技術を検討することをお勧めします。ここに広範な（そしてかなり良い）リストがあります：

2 に答える 2