Inserire fonts nelle pagine html

Autore: Fabio Di Matteo
Ultima revisione: 12/01/2011

In certi casi è utile inserire font all'interno di pagine html per evitare lo sgradevole risultato della mancanza del carattere quando il visitatore non ha dei font adeguati installati nel proprio sistema.
La prima cosa da fare è procurarci i file dei font, e poi inserire l'apposita definizione di stile nella nostra pagina html.

<style type="text/css">
 
	@font-face { 
		font-family: UbuntuFDM; 
		src: url("fonts/Ubuntu-R.ttf"); 
	};
 
 
</style>

Dopo di cio' possiamo usare il carattere all'interno del tag <font> :

<font face="UbuntuFDM" >Ciao mondo!</font>

oppure come css nei nostri div, body o altri oggetti grafici:

<body style="font-family: UbuntuFDM">
Ciao mondo!
</body>

Inserire il supporto al bold

<style type="text/css" media="screen, projection">
	@import url(css/jq_fade.css);
 
	@font-face { 
		font-family: UbuntuFDM; 
		src: url("fonts/Ubuntu-R.ttf"); 	
	};
 
	@font-face { 
		font-family: UbuntuFDM; 
		src: url("fonts/Ubuntu-B.ttf"); 
		font-weight: bold;
	};
</style>