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>

..::Freemedialab::..

«Un buon posto per approfondire in piena libertà e condivisione la propria passione verso l'informatica.»

..::Freemedialab::..

−Barra laterale

Categorie principali

Repository

Inserire fonts nelle pagine html

Inserire il supporto al bold

..::Freemedialab::.. «Un buon posto per approfondire in piena libertà e condivisione la propria passione verso l'informatica.»

..::Freemedialab::..

Strumenti Utente

Strumenti Sito

−Barra laterale

Categorie principali

Repository

Inserire fonts nelle pagine html

Inserire il supporto al bold

Strumenti Pagina

..::Freemedialab::..

«Un buon posto per approfondire in piena libertà e condivisione la propria passione verso l'informatica.»