Problema riconoscimento font

**guinness86** · 08-05-2012, 20:56

Salve a tutti,
vi scrivo perchè sto riscontrando un problema abbastanza antipatico, ma sicuramente stupido e semplice da risolvere per chi ci è già passato....
Vi spiego:

scrivendo dei css per un sito che sto creando, per determinare il font della pagina, ho utilizzato la seguente sintassi:

body{
font-family: Arial, Helvetica, sans-serif;
}

Adesso c'è un problema, su Mac sia con Safari che con Chrome vedo correttamente i caratteri in Arial, su Windows, invece, vedo i caratteri in una sorta di Times New Roman (carattere di default quando non lo specifichi nei css).

Qualcuno saprebbe suggerirmi il metodo per ovviare a questo problema?

Grazie mille!

**MEURI** · 08-05-2012, 21:37

La sintassi per il tag body è giusto, prova magari a postare il codice
della pagina html, forse il problema non risiede nel css. Ciao

**guinness86** · 08-05-2012, 21:58

codice:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>edaGG - !Under Construction</title>

<style>


body{
font-family: Arial, Helvetica, sans-serif;
}

#lingua{
	float:left;
	width: 30%;
	color: #fff;
	margin-top: 10px;
	margin-left: 70%;
	text-align:right;

	
	
	
}

#area_riservata{
	float:left;
	width: 10%;
	color: #fff;
	margin-top: 5px;
	margin-left: 90%;
	padding-top:5px;
	padding-bottom:5px;
	padding-right: 5px;
	text-align:right;
	font-size:15px;
	background: #ff6400;

	
	
	
}

#contenuto{
	
	width:40%;
	color: #fff;
	background-color:rgba(0,0,0,0.5);
	margin-left:-10px;	
	margin-top:-10px;
	border-bottom-right-radius: 10px;
	
	
}

#scritta{

font-family:"Lucida Grande";
text-transform: uppercase;
padding-left: 54%;
padding-top: 0%;
padding-bottom: 20%;
line-height: 25px;


}

.crediti{
	font-size: 12px;
	padding-left: 54%;
	padding-bottom: 3%;
}

.costruzione{
	float: right;
	margin-top: -30px;
	margin-right: 4%;
	color: #ff6400;
	font-weight: bold;
	font-size: 20px;

}

#logo{
	margin-left:50%;
	padding-top: 20%;
}

a{
	color:#fff;
	text-decoration: none;
}

a:hover{
	color: red;
}


table{
width: 100%;

margin-top:10%;
}

td{

}

iframe{

width:100%;
height: 100%;
border:none;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:rgba(0,0,0,0.7);
}

</style>



</head>


<body>
    <div id="page" style="display: none_;">
		
		<div id="lingua">
		Ita - Eng
		</div>
		<div id="area_riservata">
		Area Riservata   >
		</div>
		
		
		
		

		<div id="contenuto">
		
		<div id="logo">
		[img]logo/logoedaGG.png[/img]
		</div>
		
		
		<div id="scritta">
		about
		

		project
		

		network
		

		pubblications
		

		contact
		

		</div>
		
		
		<div class="crediti">
		
		edaGG - Copyright © 2012
		</div>

		
		</div>
		
		
		
		
		</div>
		
		<div class="costruzione">
		!UNDER CONSTRUCTION
		</div>
		
		
		
			
		
	
	
</body>
</html>

**MEURI** · 09-05-2012, 21:12

E' molto semplice, il menu da te mostrato ha un div con un id ben preciso(#scritta), che annulla la famiglia dei caratteri del tag body:

codice:

#scritta { 
font-family:"Lucida Grande"; 
text-transform: uppercase; 
padding-left: 54%; 
padding-top: 0%; 
padding-bottom: 20%; 
line-height: 25px; 
}

Basta modificare il font lucida in arial, ed il gioco è fatto. Bye

Discussione: Problema riconoscimento font

Strumenti discussione

Ricerca discussione

Visualizza

Problema riconoscimento font

Permessi di invio