IE9でFacebookのいいねボタンが非表示に。Helvetica対策を忘れてました。

2015年06月05日
follow us in feedly

IE9V2

このバグどうにかならないのでしょうか?

IE9でまたFacebookのいいねボタンがまた非表示になっていました。

普段ブラウザは「Google Chrome」を使っているので、IEを起動するのは動作チャック時くらいです。

ですからIE9の表示バグはなおさら気づくのが遅れてしまいます。

あらためてこのバグの発生条件を書きます。

バグの発生条件

・使用しているPCにHelvetica(Helvetica Neue)がインストールされている。
・bodyのfont-family指定で、最初にHelvetica(Helvetica Neue)が記述されている。

では対応策です。

<div class="fb-like" data-href="<?php the_permalink(); ?>" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false" data-font="arial"></div>

上記ののようにdata-font=”arial”を追加すればOKです。

follow us in feedly

関連記事

福岡でホームページ制作を依頼するなら【ハブワークス】

ホームページ制作・リニューアル・スマートフォンサイト制作・ECサイト制作は福岡のハブワークスまでお気軽にどうぞ。WEBサイト制作後の修正・更新・SEO対策もお任せください。リーズナブルな料金設定でサービスをご提供いたします。

webサイト制作・修正に関するお問合せ・ご相談・お見積りはお気軽にどうぞ