In HyperText Markup Language (HTML), il termine “font face” può significare due cose. Può fare riferimento alla proprietà face del tag font, che viene utilizzata per definire il tipo di font in cui verrà visualizzato il testo allegato. In alternativa, può anche fare riferimento al font-face del selettore di fogli di stile a cascata (CSS), che consente un metodo conveniente per incorporare caratteri personalizzati o rari in un sito Web. A partire dalla specifica del linguaggio HTML 4.0, tuttavia, la proprietà face del tag font è stata deprezzata, il che significa che sarà ancora resa da un browser web, ma dovrebbe essere utilizzata un’alternativa CSS.
Il font HTML viene utilizzato come proprietà del tag font stesso per specificare quale font deve essere utilizzato per eseguire il rendering del testo racchiuso all’interno dei tag font di apertura e chiusura. Qualsiasi carattere può essere specificato in questo modo, anche se verrà visualizzato correttamente solo se l’utente ha già il carattere con il nome esatto sul suo computer. Se un utente non ha il font HTML denominato sul suo disco rigido locale, il browser utilizzerà per impostazione predefinita un font standard.
Questo problema di caratteri mancanti può essere mitigato in due modi, il primo è quello di utilizzare solo uno di una piccola serie di caratteri che vengono forniti di serie con quasi tutti i sistemi operativi, assicurando che il carattere venga visualizzato correttamente. La seconda opzione consiste nell’utilizzare una funzionalità della proprietà del carattere HTML che consente di elencare più di un carattere come valore, separati da virgole. L’utilizzo di un elenco di caratteri con la proprietà face farà sì che il browser tenti di caricare ciascun carattere in sequenza, passando a quello successivo se il carattere corrente non viene caricato. Ciò fornisce un metodo più controllato per progettare una pagina Web in grado di rimuovere risultati completamente imprevisti.
Quando la proprietà del carattere HTML è stata deprezzata, è stata sostituita con una versione CSS. Il modo corretto per specificare un font tramite CSS consiste nell’utilizzare uno stile e la proprietà font-family, che funziona in modo quasi identico alla proprietà del font HTML. Anche se la proprietà del tag HTML è deprezzata, i browser dovrebbero comunque supportare la funzionalità per motivi di compatibilità con le versioni precedenti.
Tramite CSS, un carattere HTML può anche fare riferimento a un selettore che può essere utilizzato per caricare caratteri personalizzati dal server Web in modo che gli utenti possano visualizzare correttamente la pagina senza la necessità di avere il carattere in anticipo. Questo selettore offre ai designer un modo per specificare un file di font che viene quindi scaricato e visualizzato sui browser Web che lo richiedono. Come molti elementi CSS, tuttavia, sono presenti alcuni problemi di compatibilità tra le diverse implementazioni del browser.