Estilizando O Texto De Seu Site Com Google Fonts
(3415)
CategoriasAndroid, Design, Protótipo
AutorVinícius Thiengo
Vídeo aulas186
Tempo15 horas
ExercíciosSim
CertificadoSim
CategoriaEngenharia de Software
Autor(es)Vlad Khononov
EditoraAlta Books
Edição1ª
Ano2024
Páginas320
Opa! Blz?!
Então esse é mais vídeo da série de vídeos que apresentam recursos de estilos que podem ser utilizados nas páginas Web para dar aquele "ar" mais profissional e elegante ao site.
Nesse vídeo falo sobre o recurso @font-face do CSS e falo principalmente da lib Web que mais utilizo para obter fontes diferenciadas e que combinem com o estilo dos sites que desenvolvo.
Por muito tempo eu utiliza fontes personalizadas em minhas páginas por meio de imagens. Era trabalhos. Como não tinha muito expertize com aplicações de imagem eu me virava, mas sempre conseguia a imagem texto adequada (uma para cada título da página). Um exemplo é o site de classificados que fiz (viLLopim Classificados). Nele os títulos são todos imagens. Utilizar imagens para textos têm vários problemas, o principal deles é que os motores de busca, muito provavelmente, não indexarão o título (tag H1, H2, ...) de sua página como conteúdo de pontuação juntamente a tag title da página, pois você utilizou uma imagem ao invés de texto.
Uma fonte estilizada é literalmente uma fonte, porém com um formato diferenciado e com maior conformidade ao conteúdo de seu site (se você escolher a correta para isso).
Eu vou evitar mais delongas e convido você a assistir o vídeo. Chega de utilizar imagens para texto.
Para acessar o Google Fonts clique no link a seguir: Google Fonts.
Para acessar o Open Font Library clique no link a seguir: Open Font Library.
O .zip do projetinho está disponível para download logo abaixo e o link para a página de demonstração também.
Se divirta, evolua.
Comentários Facebook