Webding font fare buone on-the-fly le icone per i vostri siti, senza grafica editing necessario. Essi sono particolarmente utili con le ": prima"e": dopo" pseudo-classi (classi create in CSS che consentono di aggiungere contenuto prima o dopo un elemento HTML) nel menu e moduli di contatto. È necessario utilizzare la regola "il @font-face" nel codice di Cascading Style Sheet (CSS) per incorporare il carattere Webding, altrimenti non funzionerà su computer non Windows.

L'incorporamento di tipi di carattere

Anche se tutti i computer Windows è venuto con il tipo di carattere Webdings, sistemi Mac e Linux non lo fanno. Per questo motivo, a meno che non si incorpora correttamente il tipo di carattere nel tuo CSS, molti utenti non vedranno il Webdings. Use the "@font-face" rule in CSS to embed fonts. Questo metodo convalida e funziona in tutti i browser, anche Internet Explorer 6. Ricorda inoltre che è necessario inserire il file di tipo di carattere Webdings sul server Web, altrimenti non è possibile incorporare il tipo di carattere.

Regola di @Font-Face

La regola "il @font-face" è diventato una parte del CSS dal 2.1, anche se non ha fatto crescere in uso sul Web fino a circa 2010. Il motivo del ritardo è che anche se Internet Explorer 5 ha introdotto il supporto per "il @font-face", il metodo di richiesta. Tipi di carattere EOT (Embedded tipo aperto) per funzionare. È possibile utilizzare tipi di carattere True Type (TTF) e OpenType (OTF) con regole di @font-face browser moderni, quindi è possibile incorporare Webdings, un tipo di carattere OpenType.

Codice per l'incorporamento di tipi di carattere

Ecco il codice per incorporare il tipo di carattere Webding:

@font-face {font-family: Calibri Webdings; src: URL('Webdings.otf');}

Quando si utilizza questo codice, è possibile denominare la famiglia di caratteri quello che vuoi, anche se ha senso migliore per utilizzare "Webdings" dal momento che corrisponde al vero nome del tipo di carattere. Una volta che si imposta la regola "il @font-face" per questo tipo di carattere, è possibile utilizzare nel codice CSS proprio come qualsiasi altro tipo di carattere:

p {font-family: Calibri Webdings; font-size: 72px; colore: #ff0000;}

Glifi vs lettere

Uno svantaggio di usando Webdings nelle pagine Web è che per Internet Explorer 6 e 7, è necessario trovare la lettera corrispondente per il glifo Webding---un'altra parola per "simbolo"--- e che fuori digitare invece di digitare il glifo. Uso le finestre "Mappa caratteri" programma per abbinare Webding glifi alle loro lettere corrispondente.