Cómo insertar Wingdings en CSS

Las Hojas de Estilo en Cascada (CSS) son una forma útil de dar formato a páginas web. Puedes dar estilo a todos los aspectos del diseño de un sitio web en una hoja de estilo externa, y los cambios que hagas en esa hoja de estilo pueden afectar a múltiples páginas web. Las fuentes se pueden reconfigurar fácilmente a través de CSS. Hay una lista de fuentes estandarizadas para uso en Internet. Wingdings no está entre estas fuentes, y es una fuente que no está disponible por defecto en todos los ordenadores. Afortunadamente, aún puedes usar CSS para configurar una página web para usar Wingdings.

Paso 1

Abre tu archivo CSS en el Bloc de notas.

Paso 2

Crea una nueva clase o ID para el objeto que será formateado en Wingdings. Usa una clase si llamarás a este parámetro más de una vez. Usa un ID si solo lo llamarás una vez. Por ejemplo, para crear una clase llamada «locura», escribe lo siguiente:

.locura {

Paso 3

Especifica Wingdings dentro de la propiedad «font-family» de tu clase o ID. Por ejemplo, para la clase «locura»:

.locura { font-family: wingdings }

Paso 4

Localiza el elemento que deseas renderizar en Wingdings dentro de tu archivo HTML. Especifica ese elemento como una instancia de la clase o ID a la que se aplica Wingdings. Por ejemplo, si el elemento deseado es un «div»:

<div class="locura">El texto dentro de este "div" se formateará en Wingdings.</div>

Advertencia

Muchos navegadores no soportan Wingdings, y muchos ordenadores no tienen Wingdings en su conjunto de fuentes predeterminado. Por esta razón, la mayoría de navegadores no mostrarán correctamente Wingdings. Para evitar complicaciones de este tipo, es mejor codificar cada carácter Wingdings deseado a través de Unicode (ver Recursos para una lista de los caracteres Unicode correspondientes).