我有一个我开发的网站的问题。情况是这样的:我使用的是在fontsquirrel.com上生成的@font-face,除了IE8之外,它在所有浏览器中都运行得很好。一开始它也适用于IE8,但(我猜)更新后它就不能正常工作了。这就是发生的事情,在页面加载后,页面上的字体保持不变,直到您将鼠标移到文档上,然后应用@ font -face规则。你可以在这里看到:http://devel.2klika.net/fiolic/demo/home.php我也在fb:like按钮的页面上使用了fbml,这是代码:
        <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就是解决@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 :)
我在64位的Windows7、IE 8.0.7601.17514、64位和32位的Windows7上进行了测试,如果我在兼容性视图中使用IE8,它工作正常。有人能帮我解决这个问题吗?提前感谢
发布于 2011-04-24 06:10:29
我在其他论坛上发现了许多关于将名称空间添加到html标签的回复,以此作为实现此功能的一种方式。我决定亲自试一试,非常高兴地看到,IE8中显示了like按钮。
我将我的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>发布于 2011-03-23 04:41:30
我也遇到过同样的问题。非常令人沮丧,因为除了从页面上删除like按钮之外,似乎没有其他解决方案。
我已经为这个问题向facebook提交了一个bug report。
https://stackoverflow.com/questions/5184029
复制相似问题