Come inserire Wingdings nei CSS

click fraud protection

I fogli di stile a cascata (CSS) sono un modo utile per formattare le pagine Web. Puoi modellare tutti gli aspetti del design di un sito Web su un foglio di stile esterno e le modifiche apportate a quel foglio di stile possono influire su più pagine Web. I caratteri possono essere facilmente riconfigurati tramite CSS. C'è un elenco di caratteri standardizzati per l'uso su Internet. Wingdings non è tra questi caratteri ed è un carattere che non è disponibile per impostazione predefinita su tutti i computer. Fortunatamente, puoi ancora utilizzare i CSS per configurare una pagina Web per l'utilizzo di Wingdings.

Passo 1

Apri il tuo file CSS nel Blocco note.

Video del giorno

Passo 2

Crea una nuova classe o ID per l'oggetto che verrà formattato in Wingdings. Usa una classe se chiamerai questo parametro più di una volta. Usa un ID se lo chiamerai solo una volta. Ad esempio, per creare una classe chiamata "pazzo", digita quanto segue:

.pazzo {

Passaggio 3

Specifica Wingdings all'interno della proprietà "font-family" della tua classe o ID. Ad esempio, per la classe "pazzo":

.crazy { font-family: wingdings}

Passaggio 4

Individua l'elemento che desideri visualizzare in Wingdings all'interno del tuo file HTML. Specifica quell'elemento come un'istanza della classe o dell'ID a cui Wingdings è applicato. Ad esempio, se l'elemento desiderato è un "div":

Il testo all'interno di questo "div" sarà formattato in Wingdings.

Avvertimento

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