[MÚSICA]
Vamos agora falar sobre fontes de ícones.
O que são eles?
Como eles são úteis?
E como fazemos uso deles na concepção do nosso site?
Fontes de ícone fornecem uma maneira muito flexível de incluir pequenas
imagens em nossas páginas da web que podem ser estilizadas como texto.
Então essa é a razão pela qual as fontes de ícone são muito,
muito úteis na criação de sites.
Usando fontes de ícone, você pode pegar uma página da web como esta e
rapidamente transformá-la em uma página da web como esta.
Observe o uso de ícones junto com o texto na barra de navegação
e, em seguida, quando você rolar para baixo até o rodapé,
você pode ver mais ícones sendo usados no rodapé.
E também seus links de mídia social agora são substituídos por botões de mídia social aqui.
Portanto, estas são as mudanças que as fontes de ícones permitirão que você faça em seu site.
Então, como eu mencionei brevemente anteriormente, fontes de ícones são um conjunto de símbolos ou
glifos que podem ser usados no design do seu site.
Elas podem ser usadas como fontes normais,
assim como fontes de texto normais que você usa em seu site.
Sua vantagem é que você pode estilizá-los e
, em seguida, expandir e contratá-los e usar todos os
estilos típicos que você usa em seu texto, para seus ícones também.
Eles são vistos como um substituto leve popular para
gráficos simples que você pode usar em suas páginas da web,
simplesmente gráficos ou imagens que você pode usar em suas páginas da web.
E eles são muito, muito úteis na criação de suas páginas web.
Existem muitos pacotes de fontes de ícones que estão disponíveis no mercado.
Um dos mais populares é Font Awesome, sobre o
qual vou falar a seguir.
Font Awesome, como eu digo, é uma fonte ícone muito popular.
Ele está disponível gratuitamente para uso na concepção de seu design de página.
Tem sido amplamente utilizado por muitos sites diferentes.
Vamos aprender como baixar Font Awesome e
, em seguida, usá-lo na página web no exercício que segue esta palestra.
Usar fonte impressionante em sua página web é tão simples como
usar algumas classes que são aplicadas a um i,
ou uma tag span em seu código HTML página web.
Então, uma vez que você incluir
o CSS e os arquivos de fonte que estão disponíveis através de Font Awesome,
então é muito simples fazer uso de Font Awesome em suas páginas.
Outro recurso comum que você veria em
páginas da web é o uso de botões de sites sociais como Facebook,
Twitter, Google+ e YouTube e muitos outros.
Agora, felizmente para nós, há este outro
arquivo CSS chamado bootstrap-social que você pode baixar e
fazer uso de, incluindo vários
botões de sites de mídia social em sua página web.
Vamos ver o uso de bootstrap-social no exercício que se segue.
Depois de baixar o arquivo css bootstrap-social, você inclui isso em sua página da web.
E, em seguida, junto com os ícones Font Awesome,
você pode combinar isso com classes sociais bootstrap
para incluir vários botões de mídia social em suas páginas da web.
Então, sem mais delongas, vamos passar para o próximo exercício onde
vamos usar tanto Font Awesome e bootstrap-social,
uma versão modificada do arquivo bootstrap-social.css que eu
forneço nas instruções de exercício que você deve baixar e
incluir em seu projeto de confusão e fazer uso dele no exercício.
[ MUSIC]