5 sites para criar, converter e usar web fontes

14/10/15     Artigo CSS dicas Web Design

Com o avanço da tecnologia agora podemos utilizar qualquer fonte em nosso site, isso mesmo, qualquer uma! Para que você possa utilizar com maestria não é tão simples como pensam.

Para utilizar uma fonte personalizada em seu projeto você terá que converte-la ou utilizar um link de algum lugar onde dispões fontes gratuitas para utilizar na web, mais conhecidas como web fonts.

Neste artigo mostrarei a você web designer, alternativas para utilizar fontes em seus projetos, separarei em duas formas, do jeito fácil e do jeito hardcore (dificil)!

Do modo fácil

Para utilizar web fontes novas e diferentes em seu web site da forma mais fácil é através destes dois sites que compartilho com você abaixo, e também é o que eu mais recomendo, pois estas web fontes foram todas desenvolvidas exclusivamente para utilizar em sites (em alguns casos você pode utilizar em jobs de design gráfico sem problema nenhum), então você não terá problemas futuros de compatibilidade e peso do site, veja estes dois sites que recomendo.

Google Fonts

google fonts

Este não tinha como eu não falar, este site é fantástico caso precise de fontes para seu projeto de web design, é realmente muito simples de utilizar, basicamente é só escolher e logo depois colar o código CSS em sua folha de estilos, simples assim, veja aqui.

Adobe Edge Web Fonts

adobe fonts

Similar ao Google fonts, mas com uma coleção pequena, veja aqui.

Do modo difícil (hardcore)!

Neste modo, é um pouco mais complexo, você terá que converter a fonte que você utiliza em seu projeto para uma fonte web, como eu falei as fontes que você utiliza no PC nem sempre se adaptam bem na web, então preparasse para possíveis erros de compatibilidade, veja estes 3 sites que são bons para a conversão de fontes normais para fontes web. Clique na imagem ou no título para ir ao site.

Font Squirrel

gerador web fonts

Web font generator

gerador de fontes online

Cufón

conversor de fontes online cufon

É isso ai

Todos os sites acima lhe ajudarão bastante quando ao assunto é fontes para web design, espero que tenha gostado!

Precisa baixar fontes grátis?

Acesse este nosso artigo aqui onde listamos os melhores sites que dispõe fontes grátis para baixar (Link do artigo) e utilizar livremente, bom proveito!



Novidades do BT por email

Coloque abaixo eu email para receber em primeira mão todas as novas matérias do BT, de tutoriais, cursos e inspirações!

Comente aqui

Publique um comentário abaixo

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

2 comentários

  1. Conheci o google fonts na faculdade através do meu professor enquanto nos ensinava a construção de páginas com css com o uso do sublime text.

  2. Legal a matéria, parabéns! Estou acompanhando seu site! Abrçs!

compartilhe
compartilhar no Facebook compartilhar no Twitter compartilhar no Linkedin compartilhar no Pintrest compartilhar no WhatzApp compartilhar no Skype compartilhar no pocket
Sobre o BT

Tudo começou com uma simples ajuda, um colega de trabalho estava tentando criar o seu álbum de fotos digital com uma música de fundo para poder dar de presente em seu casamento, até ai não tem nada ver com Bons Tutoriais, mas vamos chegar lá... Veja mais.

Patrocínio
Desenvolvimento de identidades visuais e estratégias de marketing digital
Recomendamos
AE Dicas Comunique 9 Minuto Design Mkt News Pixel Coffee Publicinove Revelando Ideias Sala7Design Tutorial Web Design
Criar um site

© Bons Tutoriais | Desde 2008 - Direitos reservados. ❤ Design | Ps+Ai+In | PHP+HTML+CSS | WordPress