var Detector = function(){
    var d = new Element('div', {
        'id' : 'fontDetectorDiv',
        'styles': {
            'font-family': 'sans-serif', 
        }
    });
    var s = new Element('span', {
        'id' : 'fontDetectorSpan',
        'html': 'mmmmmmmmmml',
        'styles': {
            'font-size': '72px',
            'display': 'inline',
        }
    });
    var sX = new Element('span', {
        'id' : 'fontDetectorSpanX',
        'html': 'mmmmmmmmmml',
        'styles': {
            'font-size': '72px',
            'display': 'inline',
        }
    });

    var p = $$('body') ;
    p.adopt(d);
    d.adopt(s);
    var dim = s.getDimensions();
    var defaultWidth = dim.x ; 
    var defaultHeight = dim.y ; 
    d.dispose();

    function test(font) {
        p.adopt(d);
        d.adopt(sX);
        sX.setStyle('font-family', font + ', sans-serif'); 
        dim = sX.getDimensions();
     //alert('test ' + font + ':' +  defaultWidth + '->' + dim.x + '\n' +  defaultHeight + '->' + dim.y + sX.getStyle('font-family'));
        d.dispose();

        font = font.toLowerCase();
        if (font == "arial") {
            return true;    // to set arial and sans-serif true
        } else {
            return (dim.x != defaultWidth || dim.y != defaultHeight); // Detected?
        }
    }
    this.test = test;

}

Detector();