Hai guardato un sito web molto vecchio e hai visto un tag insolito all'interno dell'HTML? Molti anni fa, i web designer avrebbero effettivamente impostato i caratteri delle loro pagine web all'interno dell'HTML stesso, ma la separazione tra struttura (HTML) e stile (CSS) ha eliminato questa pratica qualche tempo fa.
Nel web design oggi, il tag è stato deprecato. Ciò significa che il tag non fa più parte delle specifiche HTML. Sebbene alcuni browser abbiano ancora supportato questo tag dopo che è stato ritirato, non è più supportato affatto in HTML5, ovvero l'iterazione più recente della lingua. Ciò significa che il tag non deve più essere trovato nei tuoi documenti HTML.
L'alternativa al tag del font
Se non puoi impostare il carattere del testo all'interno della pagina HTML con il tag, che cosa dovresti usare? I fogli di stile CSS (CSS) sono come si impostano gli stili dei caratteri (e tutti gli stili visivi) sui siti Web oggi. I CSS possono fare tutte le stesse cose che il tag potrebbe fare, oltre a molto altro ancora. Esaminiamo cosa potrebbe fare il tag quando era un'opzione per le nostre pagine HTML (ricordate, non è più supportato affatto, quindi non è un'opzione) e confrontiamo come farlo con i CSS.
Modifica della famiglia di caratteri
La faccia del carattere è la faccia o la famiglia del carattere. Con il tag font, dovresti usare l'attributo "face" e dovresti posizionarlo su un documento molte volte per impostare i singoli font per ogni sezione di testo. Se avevi bisogno di apportare una modifica radicale a quel tipo di carattere, dovevi cambiare ognuno di questi singoli tag. Per esempio:
questo tipo di carattere non è sans-serif
In CSS invece di font "face", si chiama font "family". Scrivi uno stile CSS che dovrebbe impostare il carattere. Ad esempio, se si desidera impostare tutto il testo in una pagina su Garamond, è possibile aggiungere lo stile di visualizzazione in questo modo:
body {font-family: Garamond, Times, serif; }
Questo stile CSS applicherebbe la famiglia di caratteri di Garamond a tutto sulla pagina Web poiché ogni elemento nel documento è un discendente del
Modifica del colore del carattere
Come per la faccia, si usa l'attributo "color" e i codici esadecimali oi nomi dei colori per cambiare il colore del testo. Anni fa lo avresti impostato anche singolarmente su elementi di testo, come un tag di intestazione.
questo tipo di carattere è viola
Oggi scriverai solo una riga di CSS.
Questo è molto più flessibile. Se avevi bisogno di cambiare il
su ogni pagina del tuo sito, potresti apportare una modifica al tuo file CSS e ogni pagina che usa quel file verrebbe aggiornata.
Fuori con il vecchio
Usare i CSS per dettare gli stili visivi è stato uno standard di web designer per molti anni, quindi se stai davvero guardando una pagina che usa ancora il tag, allora è una pagina molto vecchia e deve essere nuovamente sviluppata per essere conforme al web corrente progettare best practice e standard web moderni.
A cura di Jeremy Girard
