2011-03-03 3 views
2

내가 개발 한 사이트 중 하나에 문제가 있습니다. 상황은 다음과 같이이다 : IE8 것이 잘 작동 제외하고 내가 fontsquirrel.com에서 생성 @ font-face를 사용하여, 모든 브라우저에서하고 있습니다. 처음에는 IE8에서도 작동했지만, 업데이트 후에는 정상적으로 작동하지 않습니다. 페이지가로드 된 후 문서의 위로 마우스를 가져갈 때까지 페이지의 글꼴이 그대로 유지되고 @ font-face 규칙이 적용됩니다. 당신이 여기에서 볼 수 있습니다 http://devel.2klika.net/fiolic/demo/home.php 를 또한 내가 FB에 대한 해당 페이지에 FBML을 사용하고 있습니다 : 나는 FB을 주석 있다는 생각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> 

: 버튼처럼, 이것은 코드 종류의, 해결처럼, @ 글꼴 얼굴 문제,이 같은 :

 <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의 제안이 도움이 되었습니까? –

답변

0

에 저도 같은 문제가 발생했습니다. 페이지에서 버튼을 제거하는 것 외에도 해결책이없는 것처럼 보이는만큼 상당히 좌절감을 느낍니다.

는 나는이 문제에 대한 페이스 북에 bug report를 제출했습니다.

+0

이것이 HTML5의 네임 스페이스에 문제가 있다고 생각하기 시작했습니다. 네임 스페이스를 정의하는 전통적인 xhtml 방법은''를 사용하는 것이었지만 HTML5에서는 유효하지 않습니다. 네임 스페이스가 EOT 파일을 렌더링하는 IE의 기능과 어떻게 든 고백 할 수 있습니다. –

+0

게시 한 이후로 새로운 스택을 만든 것처럼 보이기 때문에 스택 오버플로를 버그 보고서의 올바른 URL로 업데이트하고 싶습니다. http://bugs.developers.facebook.net/show_bug.cgi?id=16947 –

+0

오, 그들이 원래의 것을 닫은 것 같습니다 :/다른 누군가가 같은 문제에 대한 티켓을 열었습니다. –

1

나는이 작품을 제작하는 방법으로 html 태그에 네임 스페이스를 추가하는 방법에 대해 얘기를 다른 포럼에 답변을 많이 발견했다. 나는 그것을 내 자신과 큰 기쁨으로 시험하기로 결정했다. 버튼이 IE8에 표시되고 있었다. 나는 아래에 사용되는 코드에서 볼 수 있듯이

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

:

<html> 

에 :

나는에서 내 HTML 태그를 변경 우리는 동일한 문제가 발생하는

<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>