Изменение шрифта
 

Пытаюсь создать функцию, которая автомачиски будет подстраивать шрихт так, чтобы он подностью влезал в родной DIV

function chrift(chrift,chrift1){
        var n=getComputedStyle(chrift,null).getPropertyValue("font-size");
        chrift.style.fontSize=getComputedStyle(chrift,null).getPropertyValue("font-size")-10;
        alert(chrift1.offsetWidth);
        alert(chrift.offsetWidth);
        if (chrift1.offsetWidth>chrift.offsetWidth){
            n=(n.replace('px','')-1)+'px';
            chrift.style.fontSize=n;
        }
        alert(n);
        chrift(chrift,chrift1);
    }

Срабатывает только один раз. Как её правильно зациклить ?

Написать таки цикл...

function chrift(chrift,chrift1){
        var n=getComputedStyle(chrift,null).getPropertyValue("font-size");
        chrift.style.fontSize=getComputedStyle(chrift,null).getPropertyValue("font-size")-10;
        alert(chrift1.offsetWidth);
        alert(chrift.offsetWidth);
        while (chrift1.offsetWidth>chrift.offsetWidth){
            n=(n.replace('px','')-1)+'px';
            chrift.style.fontSize=n;
        }
        alert(n);
        chrift(chrift,chrift1);
    }

Но не факт, что сработает... Т.к. все изменения отрисовываются только после отработки скрипта.
Наверняка придется делать через setTimeout()...

Но ты даже тестовый пример не потрудился сделать. Т.ч. даже пробовать не на чем.