ブラウザIE9,10でFacebookの「いいね!」ボタンが表示されない!

2014年06月18日
follow us in feedly

IE9,10でサイトを観るとツイートボタンやpocketボタンに並んだFacebookの「いいね!」ボタンが表示されていません。

socialボタン

Chromeやfirefoxでは問題なく表示されています。

原因が分かりました。以前書いた記事と同じ不具合です。

以前の記事→Helveticaが原因となるIE9,IE10のバグ

font-familyでhelveticaが先頭に指定されていると表示が真っ白になってしまうんですね。

対処方法

<iframe src="//www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;width=100&amp;height=26&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;send=false&amp;appId=363380773779871&amp;font=arial" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:26px;" allowTransparency="true"></iframe>

srcにfont=arialを追加します。

これでIE9,10で問題無く表示されました。

follow us in feedly

関連記事

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

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

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