blocks|key|1647561|text|我也遇到过同样的问题。非常令人沮丧，因为除了从页面上删除like按钮之外，似乎没有其他解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1647562|我已经为这个问题向facebook提交了一个bug+report。|offset|length|1647563|entityMap|0|LINK|mutability|MUTABLE|url|http://bugs.developers.facebook.net/show_bug.cgi?id=16097^0|0|M|A|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

<p>I have encountered the same issue. Quite frustrating as there doesn't seem to be a solution aside from removing the like button from the page.</p>

<p>I've submitted a <a href="http://bugs.developers.facebook.net/show_bug.cgi?id=16097" rel="nofollow">bug report</a> to facebook for this issue.</p>


blocks|key|1643574|text|我在其他论坛上发现了许多关于将名称空间添加到html标签的回复，以此作为实现此功能的一种方式。我决定亲自试一试，非常高兴地看到，IE8中显示了like按钮。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1643575|我将我的html标签从：|1643576|<html>|code-block|syntax|javascript|1643577|至：|1643578|<html+xmlns:fb="http://www.facebook.com/2008/fbml"+xmlns:og="http://opengraphprotocol.org/schema/">|1643579|1643580|<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+=+"<%25=+FACEBOOK['key']+%25>";
++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+:+'<%25=+url_for+:controller+=>+:gallery,+:action+=>+:update_likes+%25>',
++++++data+:+{"url_of_like":+href,+"type":+"like",+"authenticity_token":+<%25=+form_authenticity_token.inspect+%25>}
++++});
++++parent.likeButtonChanged(href);
++}

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

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

</body>
</html>|1643581|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|U|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|V|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|W|8|@]|9|@]|A|$]]|$1|N|3|O|5|F|7|X|8|@]|9|@]|A|$G|H]]|$1|P|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

<p>I had found a lot of responses on other forums talking about adding namespaces to the html tag as a way of making this work.  I decided to try it my self and with great joy, the like button was displaying in IE8.</p>

<p>I changed my html tag from:</p>

<pre><code>&lt;html&gt;
</code></pre>

<p>to:</p>

<pre><code>&lt;html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/"&gt;
</code></pre>

<p>As seen in the code I used below:</p>

<pre><code>&lt;html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/"&gt;
&lt;head&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div&gt;&lt;fb:like id="fb_like_btn_iframe" show_faces="no" width="220" href="http://www.pixorial.com"&gt;&lt;/fb:like&gt;&lt;/div&gt;
&lt;div id="fb-root"&gt;&lt;/div&gt;
&lt;script src="http://connect.facebook.net/en_US/all.js"&gt;&lt;/script&gt;
&lt;script&gt;
  api_key = "&lt;%= FACEBOOK['key'] %&gt;";
  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 : '&lt;%= url_for :controller =&gt; :gallery, :action =&gt; :update_likes %&gt;',
      data : {"url_of_like": href, "type": "like", "authenticity_token": &lt;%= form_authenticity_token.inspect %&gt;}
    });
    parent.likeButtonChanged(href);
  }

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

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

&lt;/body&gt;
&lt;/html&gt;
</code></pre>


<p>I have issue with one of site that I developing.
Situation is like this:
I'm using @font-face generated at fontsquirrel.com, and in every browser, except for IE8 it works fine. In the beginning it worked for IE8 too, but (I guess) after update it stops working normally.
This is what's happening, after page is loaded, font on the page stays the same until you mouse over the document, after that it applies @font-face rule.
You can see that here: <a href="http://devel.2klika.net/fiolic/demo/home.php" rel="nofollow">http://devel.2klika.net/fiolic/demo/home.php</a>
Also I'm using fbml on that page for fb:like button, this is the code:</p>

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

<p>I figured that commenting out fb:like is solving, sort of, @font-face problem, like this:</p>

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

<p>I would like to use that fb:like button if it is possible to make it work with IE8 and @font-face :)</p>

<p>I tested this with Windows 7 64bit, IE 8.0.7601.17514 64bit and 32bit
If I'm using IE8 in compatibility view it works normally.
Does anyone can help me with this issue?
Thanks in advance</p>


IE8 fbml like button and eot (font embedding)

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个我开发的网站的问题。情况是这样的:我使用的是在fontsquirrel.com上生成的@font-face，除了IE8之外，它在所有浏览器中都运行得很好。一开始它也适用于IE8，但(我猜)更新后它就不能正常工作了。这就是发生的事情，在页面加载后，页面上的字体保持不变，直到您将鼠标移到文档上，然后应用@ font...

问IE8 fbml like按钮和eot (字体嵌入)
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE8 fbml like按钮和eot (字体嵌入)EN