Usare font non-family per il testo grazie a Google Fonts

Design di siti Web con HTML e CSS Disegno di siti Web con HTML, CSS e Dynamic HTML.

Grazie a Google è possibile utilizzare per le proprie pagine Web dei font cosiddetti non family, ovvero non i classici Verdana, Arial, Times New Roman e cosi via, sfruttando le API del servizio Google Fonts in modo completamente gratuito.

E' sufficiente importare nelle proprie pagine Web il la URL della pagina di Google:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=XYZ">

sostituendo a "XYZ" il nome del font che si desidera utilizzare, ad esempio il Tangerine.

A questo punto stilizzeremo i nostri paragrafi:

<style style="text/css">
p
{
    font-size: 50px;
    font-family: Tangerine;
}
</style>

e ne creeremo uno di test:

<p>Google, grazie di esistere!</p>

Il risultato sarà il seguente:

Google, grazie di esistere!

L'elenco dei font è disponibile consultando il sito Google Fonts Directory.

TAGS - google fonts, font non family