As 10 melhores fontes de script e manuscritas do Google

Uma boa fonte de script é difícil de encontrar. Sou extremamente exigente quando se trata dessa área específica de tipos de letra e costumo odiar a maior parte do que vejo. Com este post, você pode pular o trabalho de classificar o lixo e ir direto para o melhor script e fontes do Google manuscritas que são legíveis, atraentes e perfeitas para o seu site.

Todas as fontes são mostradas com um tratamento CSS exclusivo (e fornecidas com o código que você precisa para implementação rápida!) downloads necessários!

Script de óleo

Um bom roteiro grosso com boa legibilidade e formas de letras interessantes. Perfeito para títulos.

oleo script

HTML

CSS

h2 {
  font: 400 100px/1.3 'Oleo Script', Helvetica, sans-serif;
  color: #2b2b2b;
  text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
}

Lagosta Dois

A lagosta dispensa apresentações, tornou-se um dos roteiros mais onipresentes do planeta nos últimos anos. A versão dois oferece a opção entre versões em negrito e finas.

lobster two

HTML

CSS

h2 {
  font: 400 100px/1.3 'Lobster Two', Helvetica, sans-serif;
  color: #2b2b2b;
  text-shadow: 1px 1px 0px #ededed, 4px 4px 0px rgba(0,0,0,0.15);
}

Berkshire Swash

Eu realmente amo a natureza ornamental deste tipo de letra, as letras são grandes, ousadas e lindamente curvas. Use isso se quiser transmitir uma sensação do velho mundo.

berkshire

HTML

CSS

h2 {
  font: 400 100px/1.3 'Berkshire Swash', Helvetica, sans-serif;
  color: #2b2b2b;
  text-shadow: 1px 1px 0px #ededed, 4px 4px 0px rgba(0,0,0,0.15);
}

Merienda Um

Merienda não é meu favorito, mas certamente tem seus usos. As letras têm uma sensação escovada com direcionalidade nítida que transmite bem o movimento.

merienda

HTML

CSS

h2 {
  font: 400 100px/1.2 'Merienda One', Helvetica, sans-serif;
  color: rgba(0,0,0,0.7);
  text-shadow: 3px 3px 3px #fff;
}

Pacífico

Pacifico é apenas um roteiro ótimo, redondo e maluco que realmente tem uma sensação única. É difícil encontrar um roteiro grosso com curvas tão bonitas e tanto caráter, então certifique-se de marcar este como favorito.

pacifico

HTML

CSS

h2 {
  font: 400 100px/1.5 'Pacifico', Helvetica, sans-serif;
  color: #2b2b2b;
  text-shadow: 3px 3px 0px rgba(0,0,0,0.1), 7px 7px 0px rgba(0,0,0,0.05);
}

Apenas mais uma mão

Se você está procurando algo que pareça realmente escrito à mão, Just Another Hand é uma boa escolha. Para lançar uma bola curva visual, usei sombras para dar um efeito 3D, mas fica ótimo (ou até melhor) mesmo sem elas.

just another hand

HTML

CSS

h2 {
  font: 400 100px/1.0 'Just Another Hand', Helvetica, sans-serif;
  color: #969595;
  text-shadow: 0px 3px 0px #5e5e5e, 0px 5px 0px #4d4d4d, 0px 7px 0px #3c3c3c, 0px 9px 0px #2b2b2b, 3px 8px 15px rgba(0,0,0,0.1), 3px 8px 5px rgba(0,0,0,0.3);
}

Arizona

Arizonia tem uma sensação fluida incrível com arcos largos e traços suaves. É uma ótima fonte de logotipo e realmente não parece algo que você esperaria estar disponível como uma fonte da web ao vivo.

arizona

HTML

CSS

h2 {
  font: 400 100px/1.3 'Arizonia', Helvetica, sans-serif;
  color: #2b2b2b;
  text-shadow: 4px 4px 0px rgba(0,0,0,0.1); 
}

Bolacha

Cookie tem um charme feminino de conto de fadas que o torna uma ótima fonte para manchetes de histórias e afins. A próxima vez que você precisar de uma sensação caprichosa, você deve experimentá-lo.

cookie

HTML

CSS

h2 {
  font: 400 130px/0.8 'Cookie', Helvetica, sans-serif;
  color: #fff;
  text-shadow: 4px 4px 3px rgba(0,0,0,0.1); 
}

Ótimas vibrações

Great Vibes é um roteiro muito ornamentado como o Arizonia, mas um pouco mais fino e sofisticado. As formas das letras são realmente bonitas e com certeza atrairão a atenção.

great vibes

HTML

CSS

h2 {
  font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;
  color: #fff;
  text-shadow: 4px 4px 3px rgba(0,0,0,0.1); 
}

Trate Um

Leckerli One é gordo e utilitário. É bastante masculino no que diz respeito aos roteiros e perfeito para declarações grandes e ousadas.

leckerli

HTML

CSS

h2 {
  font: 400 100px/1.2 'Leckerli One', Helvetica, sans-serif;
  color: #000;
  text-shadow: 2px 2px 0px rgba(0,0,0,0.2), 4px 4px 8px rgba(0,0,0,0.2); 
}

Qual é seu favorito?

Aí está, dez scripts incríveis e fontes manuscritas servidas e prontas para implementar. A biblioteca do Google Font tem bem mais de cem deles, mas muitos deles realmente não valem a pena usar, então espero que este artigo o ajude a diminuir o rebanho.

Qual das fontes acima é a sua favorita? Você já usou algum deles em exemplos ao vivo? Queremos ver!

Source link

Amazon Coaching Grátis

Venda 25K Dólares com apenas um Produto no Amazon.

Artigos Relacionados

LEAVE A REPLY

Please enter your comment!
Please enter your name here

6 + 8 =

- Ana Pereira -spot_img

Últimos Artigos