Font skrip yang bagus sulit ditemukan. Saya sangat pemilih ketika datang ke area tipografi tertentu dan cenderung membenci sebagian besar dari apa yang saya lihat. Dengan posting ini, Anda dapat melewati pekerjaan memilah-milah sampah, dan memotong langsung ke skrip terbaik dan Google Font tulisan tangan yang dapat dibaca, menarik, dan sempurna untuk situs Anda.
Semua font ditampilkan dengan perlakuan CSS yang unik (dan dilengkapi dengan kode yang Anda butuhkan untuk implementasi cepat!) Semuanya juga disajikan dengan Google Font sehingga Anda akan siap dengan salin dan tempel cepat, tidak unduhan diperlukan!
Naskah tebal yang bagus dengan keterbacaan yang baik dan bentuk huruf yang menarik. Sempurna untuk headline.
HTML
CSS
h2 { fon: 400 100px/1.3 ‘Skrip Oleo’, Helvetica, tanpa–serif; warna: #2b2b2b; teks–bayangan: 4px 4px 0px rgba(0,0,0,0.1); } |
Lobster tidak perlu diperkenalkan, itu telah menjadi salah satu skrip paling umum di planet ini dalam beberapa tahun terakhir. Versi dua memberi Anda pilihan antara versi tebal dan tipis.
HTML
CSS
h2 { fon: 400 100px/1.3 ‘Lobster Dua’, Helvetica, tanpa–serif; warna: #2b2b2b; teks–bayangan: 1px 1px 0px #eded, 4px 4px 0px rgba(0,0,0,0.15); } |
Saya sangat menyukai sifat hias dari jenis huruf ini, huruf-hurufnya besar, tebal dan melengkung indah. Gunakan ini jika Anda ingin menyampaikan nuansa dunia lama.
HTML
CSS
h2 { fon: 400 100px/1.3 ‘Berkshire Swash’, Helvetica, tanpa–serif; warna: #2b2b2b; teks–bayangan: 1px 1px 0px #eded, 4px 4px 0px rgba(0,0,0,0.15); } |
Merienda bukan favorit saya tetapi tentu saja memiliki kegunaannya. Huruf-hurufnya memiliki perasaan yang disikat dengan arah tajam yang menyampaikan gerakan dengan baik.
HTML
CSS
h2 { fon: 400 100px/1.2 ‘Merienda Satu’, Helvetica, tanpa–serif; warna: rgba(0,0,0,0,7); teks–bayangan: 3px 3px 3px #ff; } |
Pacifico hanyalah skrip yang hebat, bulat, dan gila yang benar-benar memiliki nuansa unik. Sulit untuk menemukan skrip tebal dengan kurva yang bagus dan begitu banyak karakter jadi pastikan untuk menandai yang ini.
HTML
CSS
h2 { fon: 400 100px/1.5 ‘Pasifik’, Helvetica, tanpa–serif; warna: #2b2b2b; teks–bayangan: 3px 3px 0px rgba(0,0,0,0.1), 7px 7px 0px rgba(0,0,0,0,05); } |
Jika Anda mencari sesuatu yang terlihat benar-benar tulisan tangan, Just Another Hand adalah pilihan yang baik. Untuk melempar bola kurva visual, saya menggunakan bayangan untuk memberikan efek 3D, tetapi itu tampak hebat (atau bahkan lebih baik) bahkan tanpa bayangan.
HTML
CSS
h2 { fon: 400 100px/1.0 ‘Hanya Tangan Lain’, Helvetica, tanpa–serif; warna: #969595; teks–bayangan: 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 memiliki nuansa mengalir yang mengagumkan dengan lengkungan lebar dan sapuan halus. Ini adalah jenis huruf logo yang bagus dan benar-benar tidak terasa seperti sesuatu yang Anda harapkan tersedia sebagai font web langsung.
HTML
CSS
h2 { fon: 400 100px/1.3 ‘Arizonia’, Helvetica, tanpa–serif; warna: #2b2b2b; teks–bayangan: 4px 4px 0px rgba(0,0,0,0.1); } |
Cookie memiliki semacam pesona dongeng feminin yang menjadikannya font yang bagus untuk berita utama cerita dan sejenisnya. Lain kali Anda membutuhkan perasaan aneh, Anda harus mencobanya.
HTML
CSS
h2 { fon: 400 130px/0.8 ‘Kue kering’, Helvetica, tanpa–serif; warna: #ff; teks–bayangan: 4px 4px 3px rgba(0,0,0,0.1); } |
Great Vibes adalah skrip yang sangat berornamen seperti Arizonia, tetapi sedikit lebih tipis dan canggih. Bentuk hurufnya sangat indah dan pasti akan menarik perhatian.
HTML
CSS
h2 { fon: 400 130px/0.8 ‘Suasana Hebat’, Helvetica, tanpa–serif; warna: #ff; teks–bayangan: 4px 4px 3px rgba(0,0,0,0.1); } |
Leckerli One gemuk dan bermanfaat. Ini cukup maskulin sejauh skrip berjalan dan sempurna untuk pernyataan besar dan berani.
HTML
CSS
h2 { fon: 400 100px/1.2 ‘Leckerli Satu’, Helvetica, tanpa–serif; warna: #000; teks–bayangan: 2px 2px 0px rgba(0,0,0,0.2), 4px 4px 8px rgba(0,0,0,0.2); } |
Yang mana favoritmu?
Di sana Anda memilikinya, sepuluh skrip dan font tulisan tangan yang mengagumkan disajikan dan siap untuk diterapkan. Pustaka Google Font memiliki lebih dari seratus ini, tetapi begitu banyak dari mereka yang benar-benar tidak layak digunakan sama sekali, jadi semoga artikel ini akan membantu Anda menipiskan kawanan.
Manakah dari font di atas yang menjadi favorit Anda? Sudahkah Anda menggunakan salah satu dari mereka dalam contoh langsung? Kami ingin melihat!