Un buon script per le font è difficile da trovare. Se siamo esigenti quando si tratta di questa particolare area di caratteri tipografici si tende ad odiare la maggior parte di ciò che si vede. Con questo post, è possibile ignorare il lavoro di smistamento attraverso la confusione e tagliare direttamente gli impressionanti script che sono leggibili, attraenti e perfetti per il nostro sito.

Tutti i caratteri vengono visualizzati con un unico CSS per fornire al codice un’implementazione immediata. Il tutto servito da Google Web Fonts e così si potrà installare con un copia e incolla veloce, nessun download richiesto!
Top 10

⤽
Oleo Script
⤽
Uno script bello spesso con una buona leggibilità e le forme delle lettere interessanti. Perfetto per i titoli.
screenshot
[icon name=”anchor” class=”” unprefixed_class=””] Oleo Script
HTML
Copia codice 

		<link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
CSS
Copia codice 

		h2 {
		  font: 400 100px/1.3 'Oleo Script', Helvetica, sans-serif;
		  color: #2b2b2b;
		  text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
		}
Lobster Two
⤽
Lobster no ha bisogno di introduzione, è diventato uno degli script più diffusi sul pianeta negli ultimi anni. La versione due ci dà la possibilità di scegliere tra le versioni in grassetto e sottili.
screenshot
[icon name=”anchor” class=”” unprefixed_class=””] Lobster Two
HTML
Copia codice 

		<link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
CSS
Copia codice 

		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
⤽
A molti piace molto la natura ornamentale di questo carattere tipografico, le lettere sono grandi, in grassetto e curvate quanto basta. Utilizzate questa opzione se si vuole trasmettere una sensazione di vecchio mondo.
screenshot
[icon name=”anchor” class=”” unprefixed_class=””] Berkshire Swash
HTML
Copia codice 

		<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>
CSS
Copia codice 

		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 One
⤽
Merienda non è tra i preferiti ma sicuramente ha i suoi usi. Le lettere hanno un sentimento spazzolato con direzionalità forte che trasmette bene il movimento.
screenshot
[icon name=”anchor” class=”” unprefixed_class=””] Merienda One
HTML
Copia codice 

		<link href='http://fonts.googleapis.com/css?family=Merienda+One' rel='stylesheet' type='text/css'>
CSS
Copia codice 

		h2 {
		  font: 400 100px/1.2 'Merienda One', Helvetica, sans-serif;
		  color: rgba(0,0,0,0.7);
		  text-shadow: 3px 3px 3px #fff;
		}
Pacifico
⤽
Pacifico è solo un grande script, rotondo e con un contorno che ha davvero una sensazione unica. È difficile trovare uno script denso di tali belle curve e di carattere tanto da essere sicuri di aggiunger questo font tra i preferiti.
screenshot
[icon name=”anchor” class=”” unprefixed_class=””] Pacifico
HTML
Copia codice 

		<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
CSS
Copia codice 

		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);
		}
Just Another Hand
⤽
Se si sta cercando qualcosa che assomiglia davvero a una scrittura a mano, Just Another Hand è una buona scelta. Per dare una visibilità alle curve, ho usato le ombre per dare un effetto 3D e sembra grande (o ancor meglio) ma anche senza questi effetti css.
screenshot
[icon name=”anchor” class=”” unprefixed_class=””] Just Another Hand
HTML
Copia codice 

		<link href='http://fonts.googleapis.com/css?family=Just+Another+Hand' rel='stylesheet' type='text/css'>
CSS
Copia codice 

		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);
		}
Arizonia
⤽
Arizonia offre un’atmosfera straordinaria che scorre con archi larghi e colpi regolari. Si tratta di un carattere tipografico tipico per i loghi e davvero non si sente come qualcosa che ci si aspetta la sua disponibilità come un font dalla web dal vivo.
screenshot
[icon name=”anchor” class=”” unprefixed_class=””] Arizonia
HTML
Copia codice 

		<link href='http://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
CSS
Copia codice 

		h2 {
		  font: 400 100px/1.3 'Arizonia', Helvetica, sans-serif;
		  color: #2b2b2b;
		  text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
		}
Cookie
⤽
Cookie ha una sorta di fascino femminile e fiabesco che lo rende un grande carattere per i titoli di storia e simili. La prossima volta che si ha bisogno di una sensazione bizzarra, si dovrebbe provare questa font.
screenshot
[icon name=”anchor” class=”” unprefixed_class=””] Cookie
HTML
Copia codice 

		<link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
CSS
Copia codice 

		h2 {
		  font: 400 130px/0.8 'Cookie', Helvetica, sans-serif;
		  color: #fff;
		  text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
		}
Great Vibes
⤽
Grandi Vibes è uno script molto ornato come Arizonia, ma un po’ più sottile e sofisticato. Le forme delle lettere sono veramente belli e siamo sicuri di attirare l’attenzione.
screenshot
[icon name=”anchor” class=”” unprefixed_class=””] Great Vibes
HTML
Copia codice 

		<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
CSS
Copia codice 

		h2 {
		  font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;
		  color: #fff;
		  text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
		}
Leckerli One
⤽
Leckerli One è grasso e utilitaristico. È abbastanza maschile, per quanto riguarda gli script a perfetti per le grandi dichiarazioni.
screenshot
[icon name=”anchor” class=”” unprefixed_class=””] Leckerli One
HTML
Copia codice 

		<link href='http://fonts.googleapis.com/css?family=Leckerli+One' rel='stylesheet' type='text/css'>
CSS
Copia codice 

		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);
		}
Quale è il vostro preferito?
⤽
Il gioco è fatto, sono dieci gli script impressionanti con caratteri scritti a mano serviti e pronti da applicare. La libreria di Google Web Font ha ben più di un centinaio di questi, ma tanti di loro davvero non vale la pena usarli affatto; si spera che questo post vi aiuterà a sfoltirle dal gregge.
Quale dei caratteri di sopra è il tuo preferito? Hai usato uno di loro dal vivo? Vogliamo vederlo e anche se avete altri da consigliare da questa libreria.
[totalpoll id=”1137″]