Facebook JS 影响 IE 中的 CSS/@font-face？答案

【问题标题】：Facebook JS affecting CSS/@font-face in IE?Facebook JS 影响 IE 中的 CSS/@font-face？
【发布时间】：2011-04-21 04:42:30
【问题描述】：

我似乎注意到了 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。例如。说标题使用font1，正文使用font2。有时，在 IE 中，所有字体都使用 font1 甚至交换，标题使用 font2，正文使用 font1 ...它似乎也影响了一些 PIE CSS 的东西。有人遇到同样的问题吗？

【问题讨论】：

script 标签不太可能导致您的 CSS 出现任何问题；它更有可能是您应用程序中某处的格式错误的代码。您能否发布一些屏幕截图/代码/详细信息，以便我们进一步诊断？
@Jimmy Sawczuk，我按照老板的建议使用了异步版本的 facebook，并将代码移动到 </body> 之前，我设法修复了它。

标签： javascript css facebook internet-explorer css3pie

【解决方案1】：

我遇到了完全相同的问题。我为我的标题使用下载的字体，在 IE8 上，Facebook Javascript 搞砸了字体。当我以我认为正确的架构来构建我的代码时，就会发生这种情况——Facebook Javascript 包含在我的标头中，而我的其余 Javascript 包含在我的标题中。

当我将 javascript 包含向下移动到添加了类似按钮的实际 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>

我认为如果在页面上加载 div 之前加载 Facebook 代码，则可能会发生此问题。

【讨论】：

我也遇到了这个问题。正如这个答案所暗示的，我在 div 中有包含 Like 按钮的 facebook 脚本，但这并不能解决问题。这是我最近才注意到的，这表明最近渲染脚本中的更改可能是负责任的。切换到 iFrame 版本（而不是 XFBML 版本）是一种解决方法...
更新：看来我使用的是推荐代码的旧版本。

是新的——必须是在过去几周内添加的。所以是的，如果你使用这个版本的 XFBML 代码，它似乎确实可以解决。
使用 MissingLinq 建议的最新 XFBML 代码对我有用。