window.onload = function() {
	get_font();
	var myform = document.font_checker;
	myform.font_family.onchange = get_font;
	myform.font_size.onchange = get_font;
	myform.font_style.onchange = get_font;
	myform.font_variant.onchange = get_font;
	myform.font_weight.onchange = get_font;
	myform.color.onblur = get_font;
	myform.sample_text.onblur = get_font;
};

function get_font() {
	var family = "\'" + document.font_checker.font_family.value + "\'";
	var size = document.font_checker.font_size.value;
	var style = document.font_checker.font_style.value;
	var variant = document.font_checker.font_variant.value;
	var weight = document.font_checker.font_weight.value;
	var color = document.font_checker.color.value;
	var sample_text = document.font_checker.sample_text.value;
	var text = sample_text.replace(/\n/g, "<br />");
	var all = "<p style=\"font: " + style +  " " + variant + " " + weight + " " + size + " " + " " + family + "; color: " + color + "; line-height: 120%; margin: 0; padding: 0;\">" + text + "</p>";
	document.getElementById("font").innerHTML = all;
}