Come inserire Wingdings in CSS

I Fogli di Stile a Cascata (CSS) sono un modo utile per formattare pagine web. Potete stilizzare tutti gli aspetti del design di un sito su un foglio di stile esterno, e le modifiche che fate a quel foglio possono influenzare più pagine web. I font possono essere facilmente riconfigurati tramite CSS. Esiste una lista di font standardizzati per l'uso su Internet. Wingdings non è tra questi font, ed è un font non disponibile di default su tutti i computer. Fortunatamente, potete ancora usare CSS per configurare una pagina web per usare Wingdings.

Passaggio 1

Aprite il vostro file CSS nel Blocco note.

Passaggio 2

Create una nuova classe o ID per l'oggetto che sarà formattato in Wingdings. Usate una classe se richiamerete questo parametro più di una volta. Usate un ID se lo richiamerete una sola volta. Ad esempio, per creare una classe chiamata "strano", digitate:

.strano {

Passaggio 3

Specificate Wingdings nella proprietà "font-family" della vostra classe o ID. Ad esempio, per la classe "strano":

.strano { font-family: wingdings }

Passaggio 4

Individuate l'elemento che volete rendere in Wingdings nel vostro file HTML. Specificate quell'elemento come istanza della classe o ID a cui Wingdings è applicato. Ad esempio, se l'elemento desiderato è un "div":

Il testo dentro questo "div" sarà formattato in Wingdings.

Avvertenza

Molti browser non supportano Wingdings, e molti computer non hanno Wingdings nel set di font predefinito. Per questo, la maggior parte dei browser non visualizzerà correttamente Wingdings. Per evitare complicazioni, è meglio codificare ogni carattere Wingdings desiderato tramite Unicode (vedi Risorse per lista caratteri Unicode corrispondenti).