Обещаю, я прочитал сотни сообщений Joyent и вопросов о stackoverflow, и я начну с этого, сказав, что я уверен, что у меня нет неуместных запятых, и я установил flash, и другие попробовали страницу в IE.
Проблема в том, что в IE 6/7 ничего не отображается, но с IE8, FF и Safari все в порядке. Вот код:
//sIFR-config.js
var zapfino = { src: '/fonts/zapfino.swf' };
sIFR.fitExactly = true;
sIFR.useStyleCheck = true;
sIFR.useDomLoaded = true;
sIFR.activate(zapfino);
sIFR.replace(zapfino, {
selector: 'h1, h2, h3, h4'
,css: '.sIFR-root { color: #1A2F35; }'
,forceSingleLine: true
,tuneWidth: 5
,wmode: 'transparent'
,filters: {
DropShadow: {
knockout: false
,distance: 3
,color: '#330000'
,strength: 1
,alpha: .45
}
}
,ratios: [7, 3.59, 9, 3.56, 10, 3.49, 12, 3.5, 13, 3.46, 20, 3.47, 23, 3.43, 26, 3.44, 34, 3.42, 40, 3.41, 42, 3.4, 45, 3.41, 47, 3.4, 49, 3.41, 69, 3.4, 71, 3.39, 72, 3.4, 76, 3.39, 77, 3.4, 3.39]
});
/* sIFR.css */
@media screen {
.sIFR-active h1, .sIFR-active h2, .sIFR-active h3, .sIFR-active h4 {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
color: #ff0000;
}
.sIFR-dummy {
width: 0px;
height: 0px;
margin-left: 42px !important;
z-index: 0;
}
}
<!-- HTML Snippet -->
<div id="header">
<H1>H1 Example</H1>
<h3>H3 Example</h3>
<h2>H2 Example</h2>
<h4>H4 Example</h4>
</div>
Обратите внимание, что почти все варианты, которые вы видите, я пробовал с очисткой кеша и без, и т.д. Кроме того, основной css абсолютно позиционирует h1-4 в заголовке div #, который я также пробовал закомментировать.
РЕДАКТИРОВАТЬ: обратите внимание, что класс .sIFR-active применяется к <html>, поэтому я знаю, что скрипт запускается, но кроме этого ничего на странице не изменяется.
Я также пробовал разные шрифты из разных источников, но в IE все равно не повезло.
TIA,
Джей
