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
25 Tricks in CSS da conoscere
19% Css
Here are 25 incredibly useful CSS tricks that will help you design great web interfaces. You might be aware of some or all of these techniques, but this can be your handy resource to nifty CSS tricks that you should know. …
Finestre di messaggio CSS con CSS3
18% Css3
Quando si sviluppano applicazioni Web e si vuole visualizzare i messaggi all’utente, sarebbe opportuno renderli il più chiaro possibile. Inoltre, i colori possono dare all’utente una rapida occhiata su quello che sta succe…
Problemi con il BOM dell’UTF8
16% Php
Diventa un rompicapo, se si ha il BOM UTF8 all’inizio del file PHP, XML o javascript. Questi files devono inviare la loro intestazione prima di ogni altra cosa. A causa della posizione del BOM, che sono i primi bytes del f…
Le 10 funzionalità principali in HTML5
15% Html5
L’HTML5 posside dei nuovi tag da usare per ottenere comportamenti precisi sulla pagina web. In questo post, si elencano i 10 nuovi, non per importanza ma per il vantaggio funzionale che si possono otenere rapidamente senza…
Regole fastidiose ai web designer
15% 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…