Facebook JS在IE中影响CSS/@font-face

Facebook JS affecting CSS/@font-face in IE?

本文关键字：CSS @font-face 影响 JS IE Facebook      更新时间：2023-09-26

我似乎注意到Facebook的JS

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script>

似乎影响了我的网站在IE中的CSS。如。比如header使用font1, body使用font2。有时，在IE中，所有字体都使用font1，甚至交换，标题使用font2，正文使用font1…它似乎也影响了一些PIE CSS的东西。有人遇到同样的问题吗?

我遇到了完全相同的问题。我使用下载的字体作为我的标题，在IE8上，Facebook Javascript搞砸了字体。当我按照我认为正确的架构构建代码时，就发生了这种情况——Facebook Javascript include与其他Javascript include一起出现在我的头文件中。

当我将javascript include移动到添加了like按钮的实际div时，问题就解决了。

    <div id="facebooklike" style="position: absolute; left: 645px; top: -37px;">
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.tripinsurance.com" send="false" width="350" show_faces="false" font="arial"></fb:like>
    </div>

我认为这个问题可能会发生，如果Facebook代码是在div加载页面之前加载的。

相关文章：