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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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!