Como usar a fonte Awesome 6 ícones
““Fonte Awesome 6”É o kit de ferramentas que contém um conjunto de ícones diferentes que os desenvolvedores podem usar para exibir os ícones já criados da biblioteca Awesome 6 na página da Font na página da web. O uso da fonte incrível 6 requer a adição do link de download de 6 da fonte 6 no “”Tag e simplesmente adicionando os nomes exatos dos ícones no“" marcação. Ele economiza o tempo dos desenvolvedores como o uso deste kit de ferramentas elimina a necessidade de desenhar os ícones nas interfaces.
Este artigo demonstrará o método para usar os ícones 6 Awesome de 6 em HTML.
Como usar a font Awesome 6 ícones em html?
Existem milhares de ícones disponíveis no “Fonte Awesome 6”Toolkit que os desenvolvedores podem adicionar ao codificar apenas adicionando os nomes de ícones válidos“ Font Awesome 6 ”(como carro, sino, envelope e polegares) no“”Tag depois de adicionar o link de download da font Awesome 6 no“" marcação. Isso pode ser melhor compreendido com a ajuda de um exemplo simples que conterá alguns dos ícones comumente usados.
Exemplo
Para adicionar os ícones Awesome 6 Awesome em HTML, é necessário primeiro adicionar a seguinte tag de link no código HTML “" ou "”:
Na instrução Código acima:
-
- A "”A tag foi adicionada com a“rel”Atributo definido como“folha de estilo”.
- O "Href”Atributo na tag tem o link de onde a fonte Awesome 6 ícones será baixada.
Os desenvolvedores podem então adicionar qualquer um dos ícones de 6 da fonte relevante no HTML “”Tag dentro do corpo de código:
No trecho de código acima:
-
- O "”As tags têm as aulas declaradas com o“fa”(Valores impressionantes da fonte) e os nomes válidos de ícones são escritos depois disso.
- Dentro do mesmo”Tag, os atributos de estilo são adicionados para adicionar estilo CSS em linha.
- O tamanho da fonte para todos os “”Os ícones de tag foram definidos como“50px”
- Cores diferentes para ícones diferentes foram especificados. Além disso, quando não há cor definida para os ícones, a cor padrão será “preto”.
Os nomes dos ícones adicionados no snippet de código exibirão os ícones do “Fonte Awesome 6" biblioteca:
É assim que você pode usar o “Fonte Awesome 6”Para exibir ícones em html.
Conclusão
O "Fonte Awesome 6”Os ícones são usados em um documento HTML, adicionando primeiro o“”Tag com a“Href”Atributo na cabeça ou no corpo do código que contém o link através do qual os ícones Awesome 6. Depois disso, os nomes válidos de todos os ícones disponíveis do “Fonte Awesome 6”A biblioteca pode ser adicionada no“”Tags para exibir os ícones na interface de saída.