Top 10 Google Font Pilihan untuk Header

laptop japan girl

Header atau judul pada halaman sebuah situs atau blog adalah elemen terkuat, maka biasanya memakai font khusus yang berbeda dengan tulisan narasi. Memilih font yang tegas, jelas dan nyaman dibaca tentu harus dipertimbangkan.

Google Webfonts adalah sumber font gratis terbesar dengan ratusan tipografi untuk dipilih. Memakai jenis huruf yang tersedia di Google Fonts juga sering direkomendasikan, karena berlaku secara universal dan dapat diakses lewat beragam perangkat oleh para pembaca.

Baca juga: Apa Bedanya Font dan Typeface?

Namun mungkin sulit untuk memilih pilihan terbaik untuk font header, dan itulah mengapa saya menulis posting ini. Berikut rekomendasi berbagai font dan jenis huruf yang sering dipakai di jagat internet:

1. Montserratmontserrat font

Montserrat dapat berfungsi untuk hampir semua hal, tetapi saya pikir ini berfungsi sangat baik sebagai teks header.

Saya telah menggunakan ini untuk teks navigasi dengan semua huruf besar, spasi huruf yang disesuaikan, bersama dengan banyak gaya font yang berbeda dari tipis hingga super tebal.

Montserrat adalah salah satu font universal yang menyatu dengan apa pun, mulai dari blog teknologi hingga portal anime.

Font hanya berbobot sekitar 500 byte menggunakan gaya default sehingga sangat ringan. Dan dengan begitu banyak gaya berbeda yang bisa kita dapat dengan banyak tampilan berbeda.

Jika mencari font heading yang unik, cobalah Montserrat. Ini adalah font awal yang aman yang disukai banyak desainer.

2. Roboto Slabroboto slab - header fonts

Untuk font jenis serif yang kuat, dapat mencoba Roboto Slab dan lihat saja tampilannya. Huruf-hurufnya tidak terlalu tebal dan tag yang menggantung tidak mengganggu pembaca.

Saya biasanya lebih suka Roboto Slab untuk font header daripada versi sans-serif yang disebut Roboto. Versi serif terasa lebih kuat dan meninggalkan kesan yang jauh lebih besar bagi pembaca.

Sebenarnya keduanya sama luar biasa dan tidak bisa salah untuk memilih. Keduanya mendukung semua karakter unicode umum dan keduanya merupakan pilihan luar biasa untuk judul situs web atau blog.

3. Ubuntuubuntu webfont - header fonts

Font Ubuntu gratis dapat digunakan untuk hampir semua hal mulai dari teks navigasi hingga header besar dan bahkan tulisan body. Font ini sangat serbaguna dan ringan dengan waktu muat yang cukup cepat.

Tepi membulat pada huruf membuat ini terasa ramping dan modern. Ini juga salah satu dari sedikit font yang benar-benar dapat digunakan di banyak tempat di situs kita yang dapat mengurangi jumlah total font yang kita butuhkan.

Ubuntu dirancang pada tahun 2010 sehingga sudah ada cukup lama, berawal dari salah satu distro operating system Linux. Sekarang webfont ini jauh lebih umum, keluarga Ubuntu banyak digunakan dalam desain web.

4. Merriweathermerriweather typeface

Alternatif serif yang lebih tebal adalah Merriweather yang juga saya sukai sebagai font body. Jenis huruf serbaguna ini benar-benar terlihat bagus di mana saja di situs kita dan akan menarik banyak perhatian ke header kita.

Jika mencoba Merriweather untuk judul halaman yang lebih besar, saya sarankan menggunakan gaya miring tebal atau tebal. Font ini sangat bersih tetapi mungkin memerlukan beberapa penyesuaian spasi huruf. Bagaimanapun gaya dan kegelapan hurufnya sangat mudah diikuti.

Saat memasangkan font ini, saya biasanya menggunakan jenis huruf body sans-serif. Gaya kontras menciptakan pemisahan alami antara header & teks body. Plus kebanyakan orang menemukan sans-serif lebih mudah dibaca rata-rata untuk teks body.

Saya melihat banyak situs dengan header serif dan semuanya terlihat bagus. Merriweather adalah titik awal yang bagus untuk jenis huruf serif.

5. Josefin Sansjosefin sans font

Modern dan berkelas menggambarkan Josefin Sans. Rasanya seperti font langsung dari lounge jazz tahun 1950-an, atau mungkin sesuatu yang kita lihat di halaman depan The New Yorker.

Josefin Sans memang memiliki gaya melengkung yang berbeda dan huruf tipis menghemat banyak ruang horizontal. Kita dapat bermain-main dengan huruf besar semua atau spasi huruf yang berbeda untuk membuat banyak gaya unik semua dari keluarga font yang satu ini.

Beberapa situs terlihat lebih baik dengan font heading tipis. Jika mencari yang seperti ini untuk dicoba, saya sangat merekomendasikan Josefin Sans dengan desain hurufnya yang unik dan banyak gaya dari ketebalan serta kemiringannya.

6. Arvoarvo webfont

Satu lagi font serif yang saya suka adalah Arvo. Font ini memiliki banyak karakter yang akan langsung Anda lihat dalam gaya yang lebih berani.

Saya benar-benar merasa Arvo bekerja paling baik di blog dan majalah digital karena fontnya sangat fokus. Ini adalah salah satu font terkuat dalam daftar ini dan desain serif menarik lebih banyak perhatian.

Jika meluncurkan blog bergaya majalah, maka Arvo dapat berfungsi dengan baik sebagai tajuk yang kuat. Tetapi jika blog berfungsi lebih baik dengan font sans-serif, memakai Arvo terasa sesak.

Salah satu alternatif yang sedikit lebih halus adalah Crete Round tetapi tidak memiliki daya tarik yang sama menariknya dengan Arvo.

7. Ralewayraleway font - header fonts

Saya telah melihat Raleway di banyak blog dan majalah online karena gayanya yang berbeda dan variasi font yang beragam.

Untuk teks judul besar, saya pikir ketebalan tingkat menengah bekerja paling baik sehingga hurufnya tidak terlalu lebar. Spasi huruf default sangat bagus sehingga setiap kata terbaca dengan jelas.

Salah satu fitur unik untuk Raleway adalah bentuk huruf “w”, yang terlihat seperti dua “v” yang ditumpuk bersama. Beberapa mungkin menyukai ini, yang lain tidak. Tapi itu yang membuat Raleway unik sehingga akan menonjol di header halaman.

8. PT Sanspt sans font - header fonts

PT Sans lembut dengan tepi halus dan huruf tipis. Untuk header saya hanya suka gaya PT Sans yang tebal karena gaya “normal” terasa terlalu tipis.

Saya juga lebih suka PT Sans untuk header saja karena terasa terlalu lembut untuk teks body. Setiap header PT Sans akan terlihat sangat bersih dan mudah dibaca.

Font ini sebenarnya memiliki saudara bernama PT Serif yang juga berfungsi dengan baik.

Di antara keduanya, saya pribadi lebih memilih PT Sans. Ini memiliki tepi yang lebih halus daripada versi serif dan saya merasa itu berfungsi lebih baik di judul halaman dan terutama untuk blog.

9. Open Sansopen sans font - header fonts

Open Sans kecil, serbaguna, dan sangat bersih. Ini layak mendapat tempat dalam koleksi ini karena ini adalah font sederhana dan salah satu font pemuatan tercepat dari seluruh pustaka Google Font.

Mayoritas font sans-serif cocok dengan situs mana pun. Selain itu, kita dapat menggunakan font sans-serif baik di header maupun teks isi, menjadikan Open Sans pilihan yang masuk akal untuk seluruh situs web.

Salah satu alternatif yang sangat saya sukai adalah Muli yang memiliki lebih banyak karakter sebagai font header.

Tetapi kelemahan Muli adalah ukuran file yang lebih besar. Pada akhirnya inilah yang membuat Open Sans begitu hebat karena situs yang lebih lambat tidak memiliki peringkat yang baik dan mereka memberikan UX yang lebih buruk di sekelilingnya.

10. Catamarancatamaran font - header fonts

Catamaran muncul dengan 9 gaya font dari tipis ke super tebal dan berbagai ketebalan peralihan.

Yang paling saya sukai dari font ini adalah tulisan yang tidak biasa. Setiap huruf memiliki gaya yang sangat unik dan kita dapat melihatnya dalam gaya yang lebih berani.

Ketika digunakan dalam teks judul, huruf-huruf ini benar-benar bersinar dan seperti melompat dari halaman.

Karena gaya hurufnya sangat tebal, kita hanya boleh menggunakan Catamaran di header dengan ukuran font yang lebih besar. Ini bisa terlihat oke di semua ukuran tetapi Catamaran benar-benar terasa seperti jenis huruf header yang tebal.

Artikel Top 10 Google Font Pilihan untuk Header pertama kali tampil pada Kearipan.

 •  0 comments  •  flag
Share on Twitter
Published on October 09, 2021 04:54
No comments have been added yet.


Kearipan

Arif Abdurahman
Blog campursari seputar sosial budaya, kesehatan, sastra dan segala kearifan multidisiplin.
Follow Arif Abdurahman's blog with rss.