影響あり SVG サイトアイコンに対応、ただし <link> の順番には注意が必要です

公開日: | カテゴリー: HTML

概要

Firefox 41 では、長く待ち望まれていた SVG 形式サイトアイコン (ファビコン) への対応が追加されました。これはうまく機能するはずですが、ファビコンのための <link> 要素の順番には気をつける必要があります。FlickrPinterestTwitterYelp など一部の人気サイトでは、本来意図された色付き通常ファビコンの代わりに、Safari 9 のピン留めタブ向けに用意された黒い SVG アイコンが Firefox 41 上で表示されてしまっていることが分かっています。この不一致は、それらのサイトが黒いアイコンを他のアイコンの「後」に配置しており、Firefox は HTML ソース内で指定された最後のアイコンを使用するために発生しています。回避策は、言うまでもありませんが、Apple が推奨している通り、Safari 向けの黒い SVG アイコンを他のアイコンの「前」に持ってくることです。

参考資料