Comment insérer des Wingdings dans CSS

Les feuilles de style en cascade (CSS) sont un moyen utile de formater des pages Web. Vous pouvez styliser tous les aspects de la conception d'un site Web sur une feuille de style externe, et les modifications que vous apportez à cette feuille de style peuvent affecter plusieurs pages Web. Les polices peuvent facilement être reconfigurées via CSS. Il existe une liste de polices standardisées pour une utilisation sur Internet. Wingdings ne fait pas partie de ces polices, et c'est une police qui n'est pas disponible par défaut sur tous les ordinateurs. Heureusement, vous pouvez toujours utiliser CSS pour configurer une page Web pour utiliser Wingdings.

Étape 1

Ouvrez votre fichier CSS dans le Bloc-notes.

Étape 2

Créez une nouvelle classe ou ID pour l'objet qui sera formaté dans Wingdings. Utilisez une classe si vous appelez ce paramètre plus d'une fois. Utilisez un identifiant si vous ne l'appelez qu'une seule fois. Par exemple, pour créer une classe appelée "crazy", saisissez ce qui suit :

.fou {

Étape 3

Spécifiez Wingdings dans la propriété "font-family" de votre classe ou ID. Par exemple, pour la classe "fou":

.crazy { font-family :wingdings}

Étape 4

Localisez l'élément que vous souhaitez afficher dans Wingdings dans votre fichier HTML. Spécifiez cet élément en tant qu'instance de la classe ou de l'ID auquel Wingdings est appliqué. Par exemple, si l'élément recherché est un "div":

Le texte à l'intérieur de cette "div" sera formaté en Wingdings.

Avertissement

De nombreux navigateurs ne prennent pas en charge Wingdings et de nombreux ordinateurs n'ont pas Wingdings dans leur jeu de polices par défaut. Pour cette raison, la plupart des navigateurs n'affichent pas correctement Wingdings. Afin d'éviter des complications de ce genre, il est préférable d'encoder chaque caractère Wingdings souhaité via Unicode (voir Ressources pour une liste des caractères Unicode correspondants.)