Nesta página: [ocultar]
O Font Awesome para WordPress é um conjunto de ícones popular que é comumente usado pelos proprietários de sites para adicionar elementos de design adicionais. É freqüentemente usado, pois é extremamente fácil de usar e inclui vários conjuntos de ícones convenientes. No entanto, em alguns casos, pode haver problemas ao usá-lo - casos em que os ícones não estão visíveis. Nosso artigo ajudará os proprietários do WordPress a corrigir problemas de Font Awesome.
Quais são os ícones impressionantes da fonte para WordPress
Font Awesome é uma coleção popular de ícones vetoriais, imagens de mídia social e outros ativos de design que podem ser facilmente incluídos em sistemas populares de gerenciamento de conteúdo e em kits de ferramentas para desenvolvedores de sites. Inclui os vários conjuntos que incluem elementos em todas as categorias comumente usadas.
No momento o versão atual do Font Awesome é 5.12.1 que é composto de 1,557 ícones na versão gratuita. Existe um versões pagas que adicionam 7,722 Ícones Adicionais. Como parte da versão paga chamada Font Awesome Pro os proprietários do site também podem incluir um tema duotônico - os ícones herdarão a cor base do projeto ou serão coloridos digitando valores personalizados.
Cada ícone e símbolo individual é projetado de acordo com diretrizes e padrões estritos. Os ícones Font Font Awesome podem ser inseridos diretamente ou personalizados, especificando o tamanho do local, estilo e rotação, junto com animações. Os ícones inseridos também são compatíveis com os modos de acessibilidade dos navegadores da web, para que sejam renderizados corretamente.
Fonte impressionante não mostrando verificações básicas
Há várias razões básicas pelas quais um ícone Impressionante de fonte inserido não está sendo exibido. Sempre garantir que a versão mais recente do conjunto seja usada - instruções podem ser encontradas no site oficial da FA para as versões SVG e CSS. Fonte Ícones e símbolos impressionantes podem ser vinculados, servido a partir de um servidor personalizado ou entregue por uma rede de entrega de conteúdo (CDN). Os proprietários do site precisam definir o código mais recente, dependendo do tipo de implementação.
Quando inserido em páginas HTML, os conjuntos de ícones podem não aparecer se o código não estiver em conformidade com o padrão oficial - os proprietários do site podem verificar se esse é o caso usando o Validador oficial de marcação do W3C. Um problema específico do WordPress é quando várias extensões relacionadas ao design são instaladas. As versões mais antigas podem chamar versões incompatíveis do Font Awesome ou bloquear o carregamento adequado dos conjuntos de ícones. Isso também é estendido a várias bibliotecas JavaScript ou CSS personalizadas que substituem as propriedades individuais das tags de ícone inseridas.
Existem vários problemas do lado do cliente suspeita quando os ícones de Font Awesome não estão carregando - extensões de bloqueio de anúncio, plugins, programas antivírus e etc. Às vezes, sua configuração inclui fontes impressionantes e outros recursos de design em uma lista negra, o que impede a exibição adequada.
Tenha em mente que existe um plugin oficial do Font Awesome disponível, o que facilita a integração dos ativos em um determinado site.
Correções de código impressionantes de fontes
Existem várias correções simples de código que podem ser implementadas se nenhum dos métodos acima funcionar. Os proprietários do site precisam certifique-se de que existem 2 aulas disponíveis no código HTML - o primeiro é o fa classe e a segunda é a que identifica o tipo de ícone desejado. Um exemplo é o seguinte:
<i class = "fa fa-search"></Eu>
Ao postar links no código CSS, os administradores precisarão garantir que a estrutura correta do link seja usada, um código de exemplo é o seguinte:
link href = "http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css
Uma correção impressionante de fonte global que pode ser tentada é a inclusão do código Font Awesome na seção de rodapé do WordPress:
<?php wp_footer(); ?>
<link href = "https"://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" rel = "folha de estilo">
</corpo>