Quando si sta progettando il tuo sito web con HTML e CSS (Cascading Style Sheets), una considerazione chiave dovrebbe essere come si desidera che il testo da cercare per i tuoi visitatori. Dal suo colore alle sue dimensioni a cui carattere da utilizzare, si ha il controllo completo sopra l'aspetto visivo del testo.

Caratteri e CSS

Il tag <font> è deprecato in HTML 4 e completamente assente in HTML 5, perché, come un elemento di presentazione, secondo W3Schools, i font sono meglio gestite utilizzando i fogli CSS o Cascading Style. Utilizzando i CSS nel Web design, è possibile specificare gli attributi di carattere in ogni singolo elemento, dal <p> paragrafi per <div> divisioni. attributi dei font CSS includono "font-family:" "font-style" e "font-size". Un esempio di impostare il tipo di carattere con un foglio di stile:

p {font-family: "Times New Roman", Arial; font-style: normal; font-size: 1em; }

Caratteri e HTML

Mentre il tag <font> HTML è diventato deprecato e W3Schools sconsiglia il suo utilizzo, i browser web sarà ancora sostenerlo per il bene di compatibilità all'indietro. Per impostare il tipo di carattere di una porzione di testo, incapsulare con apertura <font> e di chiusura </ font> tag. attributi comuni in un elemento di carattere HTML includono "faccia", "colore" e "dimensione". Per esempio:

<Font face = "Times New Roman, Arial" color = dimensione "nera" = "3"> Esempio. </ Font>

dimensioni carattere

In HTML, è possibile impostare l'attributo "dimensioni" per qualsiasi numero compreso tra "1" e "7", con "3" è la dimensione del font di default di un browser Web. Maggiore è il numero, appare il più grande il testo. In CSS, è possibile impostare l'attributo "font-size" in uno dei tre modi. È possibile impostare il valore in pixel, come "16px", che è la dimensione normale per i font. Impostare la dimensione del carattere in pixel non è compatibile con Internet Explorer, in modo da W3Schools consiglia di utilizzare valori "em", invece, dove 1em è uguale a 16px. Un terzo modo è quello di utilizzare dimensione relativa mediante percentuali, dove "100%" è la dimensione normale di un font nella pagina Web.

tipi di font

Quando si definisce la faccia, o lo stile, del vostro carattere sia "volto" di HTML o "font-family" di attributi CSS, ti consigliamo di indicare non solo una, ma più tipi di carattere. Se l'utente non dispone il tipo di carattere preferito installato, il suo browser si verifica per vedere se ha i caratteri preferiti successiva installato, e così via l'elenco. W3Schools raccomanda che termina la vostra lista con un tipo di carattere generico, come "serif", "sans-serif" o "spaziatura fissa." tipi di font comuni includono "Times New Roman", "Georgia", "Arial", "Verdana", "Courier New" e "Console Lucida".

colori dei caratteri

In HTML, è possibile impostare il colore di qualsiasi pezzo di testo utilizzando la <font> l'attributo di tag "colore". Quando si imposta il "colore", è possibile utilizzare il nome del colore, come "rosso", "bianco" o "darksalmon", o RGB valore esadecimale del colore. Con i fogli di stile, specificare il colore del carattere con l'attributo "colore" in ogni elemento. Per esempio:

p {color: red; }

Con i CSS, è possibile impostare il colore del carattere in tre modi: con il nome del colore, valore esadecimale del colore, e il valore RGB del colore, come ad esempio "rgb (255,0,0)" per il rosso. Per un elenco completo dei nomi 147 dei colori ei corrispondenti valori esadecimali, consultare l'elenco di W3School in Risorse.