>> Tecnologia eletrônica >  >> Lar inteligente >> Vida Inteligente

Como inserir Wingdings em CSS


Cascading Style Sheets (CSS) é uma maneira útil de formatar páginas da Web. Você pode estilizar todos os aspectos do design de um site 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 através 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 Wingdings.

Etapa 1


Abra seu arquivo CSS no Bloco de Notas.

Etapa 2


Crie uma nova classe ou ID para o objeto que será formatado em Wingdings. Use uma classe se você chamar esse parâmetro mais de uma vez. Use um ID se for chamá-lo apenas uma vez. Por exemplo, para criar uma classe chamada "louco", digite o seguinte:

.louco {

Etapa 3


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

.crazy { font-family:wingdings}

Etapa 4


Localize o item que você 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 desta "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 exibirá corretamente o Wingdings. Para evitar complicações desse tipo, é melhor codificar cada caractere Wingdings desejado por meio de Unicode (consulte Recursos para obter uma lista dos caracteres Unicode correspondentes.)