Facebook JS влияет на CSS / @ font-face в IE? - PullRequest
Новая
       18

Facebook JS влияет на CSS / @ font-face в IE?

2 голосов
/ 21 апреля 2011

Кажется, я заметил, что Facebook JS 

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script>

, похоже, влияет на CSS моего сайта в IE. например. Например, заголовки используют font1, а body - font2. иногда в IE все шрифты используют font1 или даже swap, в заголовках используется font2, а body - font1 ... Это также влияет на некоторые вещи PIE CSS У кого-то есть такая же проблема?

1 Ответ

2 голосов
/ 10 мая 2011

У меня была точно такая же проблема. Я использую загруженный шрифт для своих заголовков, а в IE8 JavaScript испортил шрифты. Это произошло, когда я структурировал свой код в соответствии с предполагаемой архитектурой - включение Javascript в Facebook было в моем заголовке вместе с остальными включениями Javascript.

Когда я переместил включение javascript вниз к фактическому div, в котором была добавлена ​​кнопка «Мне нравится», проблема исчезла. 

    <div id="facebooklike" style="position: absolute; left: 645px; top: -37px;">
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.tripinsurance.com" send="false" width="350" show_faces="false" font="arial"></fb:like>
    </div>

Я думаю, что проблема может возникнуть, если код Facebook загружается до того, как div загружается на страницу.

...