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
Oleo Script
HTML
		<link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
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);
		}
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
Lobster Two
HTML
		<link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
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
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
Berkshire Swash
HTML
		<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>
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 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
Merienda One
HTML
		<link href='http://fonts.googleapis.com/css?family=Merienda+One' rel='stylesheet' type='text/css'>
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;
		}
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
Pacifico
HTML
		<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
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);
		}
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
Just Another Hand
HTML
		<link href='http://fonts.googleapis.com/css?family=Just+Another+Hand' rel='stylesheet' type='text/css'>
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);
		}
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
Arizonia
HTML
		<link href='http://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
CSS
		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
Cookie
HTML
		<link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
CSS
		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
Great Vibes
HTML
		<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
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); 
		}
Leckerli One
Leckerli One è grasso e utilitaristico. È abbastanza maschile, per quanto riguarda gli script a perfetti per le grandi dichiarazioni.
screenshot
Leckerli One
HTML
		<link href='http://fonts.googleapis.com/css?family=Leckerli+One' rel='stylesheet' type='text/css'>
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); 
		}
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.

Quale è il vostro preferito?

Similari
Fondamentali di jQuery
98% JQuery
jQuery stà diventando rapidamente uno strumento che ogni sviluppatore web di interfacce dovrebbe conoscere. Lo scopo di questo libro è di fornire una panoramica della biblioteca, in modo che qu…
Regole fastidiose ai web designer
92% Css3
Per la maggior parte dei webdesigner, lo stile di un sito web con i CSS è abbastanza semplice. Fintanto che il codice HTML è semantico e i div e le classi sono progettati in modo sensibile, il processo di sviluppo dovrebbe…
La Top 10 dei comandi in CSS3
84% Css
CSS3 sta davvero iniziando a prendere slancio con molti dei comandi descritti nel lavoro del progetto CSS3 supportato da Firefox, Safari e Google Chrome. Ho pensato di mettere insieme alcuni dei miei preferiti. [expand tit…
Python per tutti
74% Python
Python para todos è un libro sulla programmazione in Python. Questo è un tutoriale su Python adatto a tutti i livelli e si può scaricare in pdf gratuitamente in spagnolo. Il tutoriale di Python…
Estendere Google Analytics con jQuery
72% Plugins
Da un bel po’ di tempo Google Analytics ha aperto la strada per la raccolta gratuita di statistiche del traffico del proprio sito web. Sono sicuro che molti di voi abbiano installato il codice di Google sui vostri siti e a…