$(document).ready(function(){

	$(".f1").click(function(){
	$(".font").removeClass("sel2");
		$(".font").removeClass("sel3");
		$(".font").addClass("sel1");
		$(".font_g").removeClass("sel2");
		$(".font_g").removeClass("sel3");
		$(".font_g").addClass("sel1");
	});
	$(".f2").click(function(){
		$(".font").removeClass("sel1");
		$(".font").removeClass("sel3");
        $(".font").addClass("sel2");
	    $(".font_g").removeClass("sel1");
	    $(".font_g").removeClass("sel3");
        $(".font_g").addClass("sel2");
   	});
		$(".f3").click(function(){
		$(".font").removeClass("sel2");
		$(".font").removeClass("sel3");
		$(".font").addClass("sel3");
		$(".font_g").removeClass("sel2");
		$(".font_g").removeClass("sel3");
		$(".font_g").addClass("sel3");
	});
	
});