Cómo insertar Wingdings en CSS

Las hojas de estilo en cascada (CSS) son una forma útil de dar formato a las páginas web. Puede diseñar todos los aspectos del diseño de un sitio web en una hoja de estilo externa y los cambios que realice en esa hoja de estilo pueden afectar a varias páginas web. Las fuentes se pueden reconfigurar fácilmente a través de CSS. Hay una lista de fuentes que están estandarizadas para su uso en Internet. Wingdings no se encuentra entre estas fuentes, y es una fuente que no está disponible de forma predeterminada en todas las computadoras. Afortunadamente, aún puede usar CSS para configurar una página web para usar Wingdings.

Paso 1

Abra su archivo CSS en el Bloc de notas.

Paso 2

Cree una nueva clase o ID para el objeto que se formateará en Wingdings. Use una clase si llamará a este parámetro más de una vez. Use una identificación si solo la llamará una vez. Por ejemplo, para crear una clase llamada "loca", escriba lo siguiente:

.loco {

Paso 3

Especifique Wingdings dentro de la propiedad "font-family" de su clase o ID. Por ejemplo, para la clase "loco":

.crazy { familia tipográfica:wingdings}

Paso 4

Localice el elemento que desea representar en Wingdings dentro de su archivo HTML. Especifique 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":

El texto dentro de este "div" se formateará en Wingdings.

Advertencia

Muchos navegadores no son compatibles con Wingdings y muchas computadoras no tienen Wingdings dentro de su conjunto de fuentes predeterminado. Por esta razón, la mayoría de los 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 obtener una lista de los caracteres Unicode correspondientes).