2011-03-03 29 views
2

我有一個網站,我開發的問題。 情況是這樣的: 我使用@ font-face生成在fontsquirrel.com,並在除IE8以外的每個瀏覽器都能正常工作。一開始它也適用於IE8,但是(我猜)更新後它會停止正常工作。 這就是發生了什麼,頁面加載後,頁面上的字體保持不變,直到您將鼠標放在文檔上,然後應用@ font-face規則。 你可以看到,在這裏:http://devel.2klika.net/fiolic/demo/home.php 當然我也會使用該頁面FB上FBML:像按鈕,這是代碼:IE8 fbml像按鈕和eot(字體嵌入)

 <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:喜歡的是解決之類的, @字體面的問題,如:

 <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:喜歡按鈕,如果有可能使其與IE8攜手@字體面:)

我測試了這個與Windows 7 64位,IE 8.0.7601.17514 64位和32bi t 如果我在兼容性視圖中使用IE8,它可以正常工作。 有沒有人可以幫助我解決這個問題? 在此先感謝

+0

我們有完全相同的問題;從字體松鼠和fb生成@ font-face:就像在IE8中導致跳躍跳躍字體一樣。 MrPlasmaDude的建議是否適合你? – 2011-04-28 20:49:17

回答

0

我遇到了同樣的問題。非常令人沮喪的是,除了從頁面移除類似的按鈕之外,似乎還沒有解決方案。

我已向此問題的Facebook提交了bug report

+0

我開始懷疑這是HTML5中命名空間的問題。傳統的定義名稱空間的xhtml方法是使用'',但這在HTML5中無效。命名空間可能會以某種方式與IE呈現EOT文件的能力混淆。 – 2011-03-22 21:48:19

+0

只是想更新堆棧溢出錯誤報告的正確URL,因爲它看起來像你創建一個新的,因爲你張貼:http://bugs.developers.facebook.net/show_bug.cgi?id=16947 – 2011-04-28 20:59:41

+0

哦,看起來他們關閉了我原來的那個:/有人爲同一個問題開了一張票。 – 2011-05-01 04:59:18

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>