На сайте вовсю используется @font-face, но для старых броузеров, Ipad, iphone это свойство не работает, решил использовать cufon в том случае если @font-face не работает. Но есть одна проблема, сгенерированный cufon-generator javascript файл шрифта подгружать всегда не хочется, так как для большинства пользователей это будет не нужный файл. Как динамически можно подгружать js тогда когда нужно, причем js большой и нужно дождаться когда он будет полностью загружен и затем выполнить cufon функцию. Пробовал так:
function loadScript(sScriptSrc, oCallback) {
var oHead = document.getElementsByTagName('head')[0];
var oScript = document.createElement('script');
oScript.type = 'text/javascript';
oScript.src = sScriptSrc;
// most browsers
oScript.onload = oCallback;
// IE 6 & 7
oScript.onreadystatechange = function() {
if (this.readyState == 'complete') {
oCallback();
}
}
oHead.appendChild(oScript);
}
...
loadScript('/js/cufon-fonts.js', function(){
Cufon.replace('.a-dsg2', {fontFamily: 'BlackoutCMidnight'});
});
но этот код почему-то не работает для Opera