Comment insérer des Wingdings dans CSS

Les feuilles de style en cascade (CSS) sont un moyen utile de mettre en forme 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 apportées à cette feuille de style peuvent affecter plusieurs pages Web. Les polices peuvent être facilement reconfigurées via CSS. Il existe une liste de polices standardisées pour une utilisation sur Internet. Wingdings ne figure pas parmi 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 afin d'utiliser Wingdings.

Étape 1

Ouvrez votre fichier CSS dans le Bloc-notes.

Étape 2

Créez une nouvelle classe ou un nouvel ID pour l'objet qui sera formaté en Wingdings. Utilisez une classe si vous allez appeler ce paramètre plus d'une fois. Utilisez un ID si vous ne l'appelez qu'une seule fois. Par exemple, pour créer une classe appelée « crazy », tapez ce qui suit :

.crazy {

Étape 3

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

.crazy { font-family: wingdings }

Étape 4

Localisez l'élément que vous souhaitez afficher en Wingdings dans votre fichier HTML. Spécifiez cet élément comme une instance de la classe ou de l'ID auquel Wingdings est appliqué. Par exemple, si l'élément souhaité est un « div » :

Le texte dans ce « 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'afficheront pas correctement Wingdings. Afin d'éviter ce type de complications, il est préférable d'encoder chaque caractère Wingdings souhaité via Unicode (voir Ressources pour une liste des caractères Unicode correspondants).