аюсь загрузить файл CSS динамически с помощью JavaScript и не могу использовать любую другую библиотеку JS (например, JQuery).

Файл CSS загружается, но я не могу заставить его работать. Ниже приведен код, который я использую

var callbackFunc = function(){
    console.log('file loaded');     
};
var head = document.getElementsByTagName( "head" )[0];
var fileref=document.createElement("link");
    fileref.setAttribute("rel", "stylesheet");
    fileref.setAttribute("type", "text/css");
    fileref.setAttribute("href", url);

    fileref.onload  = callbackFunc;
    head.insertBefore( fileref, head.firstChild );

Использование следующего кода для добавления тега сценария для загрузки файла js работает и вызывает обратный вызов:

var callbackFunc = function(){
    console.log('file loaded');     
};

var script = document.createElement("script");

script.setAttribute("src",url);
script.setAttribute("type","text/javascript");

script.onload  = callbackFunc ;

head.insertBefore( script, head.firstChild );

Я что-то здесь не так делаю? Любой другой метод, который может помочь мне достичь этого, будет высоко ценится?