Estilizando O Texto De Seu Site Com Google Fonts

Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba grátis conteúdos Android sem precedentes! Você receberá um email de confirmação. Somente depois de confirma-lo é que eu poderei lhe enviar os conteúdos semanais exclusivos. Os artigos em PDF são entregues somente para os inscritos na lista.

Email inválido.
Blog /Desenvolvimento Web /Estilizando O Texto De Seu Site Com Google Fonts

Estilizando O Texto De Seu Site Com Google Fonts

Vinícius Thiengo
(2991)
Go-ahead
"Então quem é o invencível? É aquele que não pode ser perturbado por nada que esteja fora de sua escolha racional."
Epicteto
Kotlin Android
Capa do livro Mapas Android de Alta Qualidade - Masterização Android
TítuloMapas Android de Alta Qualidade - Masterização Android
CategoriasAndroid, Kotlin, Masterização, Especialização
AutorVinícius Thiengo
Edição
Ano2020
Capítulos11
Páginas166
Acessar Livro
Quer aprender a programar para Android? Acesse abaixo o curso gratuito no Blog.
Conteúdo Exclusivo
Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba gratuitamente conteúdos Android sem precedentes!
Email inválido

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.

Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba grátis conteúdos Android sem precedentes!
Email inválido

Relacionado

Comentários Blog: Facebook, Disqus e cia.Comentários Blog: Facebook, Disqus e cia.Desenvolvimento Web
Projeto do Sistema (Primeiro no Papel Depois Codificação)Projeto do Sistema (Primeiro no Papel Depois Codificação)Desenvolvimento Web
Simples Formulário Com HTML, jQuery, Ajax e PHPSimples Formulário Com HTML, jQuery, Ajax e PHPDesenvolvimento Web
Icones Com CSS FontAwesome, Seu Site Mais ProfissionalIcones Com CSS FontAwesome, Seu Site Mais ProfissionalDesenvolvimento Web

Compartilhar

Comentários Facebook

Comentários Blog

Para código / script, coloque entre [code] e [/code] para receber marcação especifica.
Forneça seu nome válido.
Forneça seu email válido.
Forneça o comentário.
Enviando, aguarde...