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;
	}

[danirota]

Nessuno???

Originariamente inviato da 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;
	}

[ratte]

Hey!

Hai fatto 1 UP 1 ora dopo il post! Credo che per questo tu sia passibile di BAN, KICK, SHUT-DOWN, AGGRESSION... Coooomunque io nn sono un moderatore, in più linki soundcloud dal tuo sito e allora ti aiuto

E' un genere di cose a cui ti devi abituare se usi un font "che non è di default".... prova ad assegnare/forzare, comunque "line-height" e "letter-spacing" al tuo testo, evitando quindi he il browser "faccia da se" e probabilmente: risolvi.
Per quanto riguarda l'IE assicurati di avere seguito le istruzioni di google, assicurati che l'IE a cui fai riferimento supporti tutto quello che ti serve in fatto di font personalizzati... comunque hai assegnato il font alternativo "Arial" e questo è bene.

o/ !

[danirota]

Grazie, così ho risolto (quasi, perchè chrome mi allinea lo span leggermente più in basso, ma questione di 2/3 px)...

Mentre ie non c'è verso che funzioni, o meglio... ie 8 funziona, ma ie 9 no! non vede i font giusti, ho messo sia il link al css di google che @importa nel mio css, ma non c'è verso...

ho notato però che se uso la console di ie, questo problema me lo da solo se la voce document mode è impostata su ie9, altrimenti funziona...



ps: dov'è che ho linkato soundcloud?

[danirota]

ho un altro problem con chrome e safari...

sulle voci di menu al mouseover ho impostato come stile di testo il sottolineato, ma questi 2 browser, oltre a sottolinearmi, alzano il testo di alcuni px, mentre FF e ie no...
perchè? sto usando un font di google, se uso uno standar questo non succede....

ecco il codice

<ul>
                    	<li class="filosofia_on">Filosofia
                        <li class="chi_siamo">Chi siamo
                        <li class="immobili">Immobili
                        <li class="dove_siamo">Dove siamo[/list]

.menu li{
		list-style:none;
		display:block;
		height:40px;
		text-align:left;
		font-family: 'Josefin Sans', Freesans, Arial, sans-serif;
		font-size:27px;
		font-weight:bold;
	}
	
.menu .li:hover, .menu .filosofia_on, .menu .chi_siamo_on, .menu .immobili_on, .menu .dove_siamo_on{
		font-style:italic;
	}