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
(3299)
Go-ahead
"O método consciente de tentativa e erro é mais bem-sucedido que o planejamento de um gênio isolado."
Peter Skillman
Prototipagem Android
Capa do curso Prototipagem Profissional de Aplicativos
TítuloAndroid: Prototipagem Profissional de Aplicativos
CategoriasAndroid, Design, Protótipo
AutorVinícius Thiengo
Vídeo aulas186
Tempo15 horas
ExercíciosSim
CertificadoSim
Acessar Curso
Quer aprender a programar para Android? Acesse abaixo o curso gratuito no Blog.
Lendo
TítuloManual de DevOps: como obter agilidade, confiabilidade e segurança em organizações tecnológicas
CategoriaEngenharia de Software
Autor(es)Gene Kim, Jez Humble, John Willis, Patrick Debois
EditoraAlta Books
Edição
Ano2018
Páginas464
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...