Como inserir Wingdings em CSS

Cascading Style Sheets (CSS) é uma forma útil de formatar páginas da web. Você pode definir o estilo de todos os aspectos do design de um site da Web em uma folha de estilo externa e as alterações feitas nessa folha de estilo podem afetar várias páginas da Web. As fontes podem ser facilmente reconfiguradas por meio de CSS. Há uma lista de fontes padronizadas para uso na Internet. Wingdings não está entre essas fontes e é uma fonte que não está disponível por padrão em todos os computadores. Felizmente, você ainda pode usar CSS para configurar uma página da Web para usar o Wingdings.

Passo 1

Abra seu arquivo CSS no Bloco de Notas.

Vídeo do dia

Passo 2

Crie uma nova classe ou ID para o objeto que será formatado no Wingdings. Use uma classe se você for chamar este parâmetro mais de uma vez. Use um ID se você for ligar apenas uma vez. Por exemplo, para criar uma classe chamada "louca", digite o seguinte:

.louco {

etapa 3

Especifique Wingdings na propriedade "font-family" de sua classe ou ID. Por exemplo, para a classe "louco":

.crazy {font-family: wingdings}

Passo 4

Localize o item que deseja renderizar no Wingdings dentro do seu arquivo HTML. Especifique esse item como uma instância da classe ou ID ao qual Wingdings é aplicado. Por exemplo, se o elemento desejado for um "div":

O texto dentro deste "div" será formatado em Wingdings.

Aviso

Muitos navegadores não suportam Wingdings e muitos computadores não possuem Wingdings em seu conjunto de fontes padrão. Por esse motivo, a maioria dos navegadores não exibe corretamente o Wingdings. Para evitar complicações desse tipo, é melhor codificar cada caractere Wingdings desejado por meio do Unicode (consulte Recursos para obter uma lista dos caracteres Unicode correspondentes).