Ingombro h1 diverso tra browser

[danirota]

ciao a tutti ho un h1 con un font speciale, preso da google fonts, e questo mi da un ingombro diverso tra browser (FF e ie uguali ma chrome no!!), in più ie non mi legge il font di google.
Potete aiutarmi? così come adesso non riesco ad allinearlo nel modo corretto!

ecco il codice

<span id="arte_abitare"><h1>L'arte da abitare</h1></span>
<span id="freccia">[img]img/space.gif[/img]</span>

#arte_abitare{
	display:block;
	height:112px;
	float:left;
	position:absolute;
	right:65px;
	top:15px;
	}
	
#arte_abitare a:hover{text-decoration:none;}
	
#arte_abitare h1{
	font-family: 'Josefin Sans', Arial, sans-serif;
	font-weight:normal;
	font-size:45px;
	margin:0;
	}