Question

我对我开发的网站之一有疑问。情况是这样的：我正在使用在fontsquirrel.com上生成的@ font-face，并且在每个浏览器中，除了IE8之外它都可以正常工作。一开始它也适用于IE8，但（我猜）更新后它会停止正常工作。这就是正在发生的事情，加载页面后，页面上的字体保持不变，直到您将鼠标悬停在文档上，之后它应用@ font-face规则。你可以在这里看到：http://devel.2klika.net/fiolic/demo/home.php 另外我在fb上使用fbml fb：like按钮，这是代码：

        <span style="float: right; position: relative; left: 10px;">
            <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
            <fb:like href="http://www.facebook.com/#!/pages/Mesnice-Fiolic/174173775933578" layout="button_count" show_faces="false" width="50" font="arial"></fb:like>
        </span>

我认为评论fb：就像解决问题一样，@ font-face问题，像这样：

        <span style="float: right; position: relative; left: 10px;">
            <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
            <!-- <fb:like href="http://www.facebook.com/#!/pages/Mesnice-Fiolic/174173775933578" layout="button_count" show_faces="false" width="50" font="arial"> </fb:like> -->
        </span>

我想使用那个fb：like按钮，如果可以使它适用于IE8和@ font-face：）

我用Windows 7 64bit，IE 8.0.7601.17514 64bit和32bit测试了这个如果我在兼容性视图中使用IE8，它可以正常工作。有谁能帮我解决这个问题？提前致谢

Answer 1

我在其他论坛上发现了很多关于将命名空间添加到html标签的回复，以此作为一种方法。我决定尝试自己，非常高兴，IE8中显示了类似的按钮。

我改变了我的html标签：

<html>

为：

<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">

如我在下面使用的代码中所示：

<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">
<head>
</head>
<body>

<div><fb:like id="fb_like_btn_iframe" show_faces="no" width="220" href="http://www.pixorial.com"></fb:like></div>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
  api_key = "<%= FACEBOOK['key'] %>";
  FB.init({
    appId  : api_key,
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml  : true  // parse XFBML
  });

  var like_clicked = function(href, widget){
    $.ajax({
      type : "POST",
      url : '<%= url_for :controller => :gallery, :action => :update_likes %>',
      data : {"url_of_like": href, "type": "like", "authenticity_token": <%= form_authenticity_token.inspect %>}
    });
    parent.likeButtonChanged(href);
  }

  var like_unclicked = function(href, widget){
    $.ajax({
      type : "POST",
      url : '<%= url_for :controller => :gallery, :action => :update_likes %>',
      data : {"url_of_like": href, "type": "unlike", "authenticity_token": <%= form_authenticity_token.inspect %>}
    });
    parent.likeButtonChanged(href);
  }

  $(document).ready(function(){
    FB.Event.subscribe('edge.create', like_clicked);
    FB.Event.subscribe('edge.remove', like_unclicked);
  })
</script>

</body>
</html>

Answer 2

我遇到了同样的问题。相当令人沮丧，因为除了从页面中删除类似按钮之外似乎没有解决方案。

我已为此问题向facebook提交了bug report。

IE8 fbml喜欢按钮和eot（字体嵌入）

2 个答案: