Corso Html, la scelta del font
Cominciamo con questa lezione, ad analizzare i font, parte fondamentale del contenuto di una pagina web. Vediamo come scegliere il font giusto e impostarlo per il testo contenuto nella nostra pagina web.
Prima di analizzare a fondo questo argomento è importante sapere che, pure se avete font molto belli e decorativi a vostra disposizione, è bene non utilizzarli in quanto, gli utenti che visiteranno il vostro sito se non hanno quel tipo di font nella cartella dei font di Windows, non lo visualizzeranno mai, e il risultato sarà la visualizzazione di un semplicissimo Times News Roman.
Detto questo riassumo brevemente che i font da utilizzare per le vostre pagine web devono essere compresi tra queste tipologie:
-Verdana
-Georgia
-Arial
-Sans-serif
-Trebuchet MS
-Courier
-Times New Roman
- Helvetica
tenendo presente che la caratteristica principale del font deve essere la “leggibilità”. Per la nostra pagina index.html utilizzeremo il font Verdana in quanto, molto leggibile e nello stesso tempo gradevole. Impostiamo come font principale per la nostra pagina web il “Verdana” utilizzando il nuovo tag font face.
Ecco quindi all'opera il nuovo tag:
<body bgcolor="#ccff99">
<font face="verdana">
</font>
<body>
Anche il tag font face utilizza il tag di chiusura </font>.
Vediamo allora di inserire la nostra prima riga di testo nella nostra pagina web:
<body bgcolor="#ccff99">
<font face="verdana">
Ecco il mio primo testo
</font>
<body>
Per far si che il testo digitato risulti essere in Verdana deve necessariamente essere scritto tra i tag <font face="...."> e </font>.
Ma se un utente non ha installato il font Verdana sul suo pc...come devo fare?
Bella domanda!
A tutto c'è rimedio....inseriamo più tipologie di font nel tag!
<body bgcolor="#ccff99">
<font face="verdana,arial,helvetica,courier">
Ecco il mio primo testo
</font>
<body>
Chiaramente il primo font è il Verdana, ma se l'utente non lo visualizzerà, vedrà il testo scritto in Arial...e così via!
Facciamo un gioco?
Utilizziamo tutte le tipologie per vedere che effetto fanno sulla nostra pagina.
Ecco come fare:
<body bgcolor="#ccff99">
<font face="verdana">
Ecco il mio primo testo
</font>
<font face="arial">
Ecco il mio primo testo
</font>
<font face="elvetica">
Ecco il mio primo testo
</font>
<font face="times news roman">
Ecco il mio primo testo
</font>
<font face="georgia">
Ecco il mio primo testo
</font>
<font face="sans-serif">
Ecco il mio primo testo
</font>
<body>
Beh...era solo un modo per meglio spiegare come scrivere il tag che specifica il carattere così da capire l'apertura e la chiusura.
RIPRODUZIONE RISERVATA
Pubblicato il: 23 gennaio 2007
Autore: Redazione FullPress
Link: http://www.sitoservice.it
Guida inserita in: Programmazione
E' vietata la riproduzione integrale del testo e l'uso delle foto. E' consentita solo la riproduzione parziale dell'articolo con link diretto al sito e citazione della fonte. L'editore non è responsabile di eventuali omissioni e/o imprecisioni.



Inserisci un commento