Google Fonts: Tools Gratis yang Bisa Buat Tampilan Website-mu Lebih Menarik

Tayang 19 Mar 2021 - Dibaca 7 mnt

Isi Artikel

    Bagi pemula yang sedang membuat website, penting bagimu untuk tahu cara menggunakan Google Fonts.

    Kalau biasanya kamu harus membayar ratusan ribu atau bahkan berjuta-juta untuk sebuah font dan ikon, Google Fonts menyediakannya secara gratis.

    Dengan begitu, desain situsmu bisa terlihat ciamik tanpa perlu mengeluarkan sepeser pun.

    Untuk mempelajari lebih lanjut mengenai pengertian dan cara mendapatkan Google Fonts itu sendiri, baca artikel ini sampai tuntas, ya!

    Apa Itu Google Fonts?

    cara menggunakan google fonts

    © fonts.google.com

    Sebelum masuk ke cara membuat Google Fonts, Glints akan menjelaskan terlebih dahulu mengenai apa sebenarnya produk ini.

    Dilansir dari situs resminya, Google Fonts adalah platform open source yang menyediakan berbagai macam font dan juga icon.

    Aset yang ditawarkan bukan font atau icon sembarangan, melainkan khusus untuk digunakan di website.

    Computer Hope menyebutkan bahwa Google Fonts pada dasarnya berisikan application programming interface (API) agar bisa menggunakan berbagai macam font di situs pribadi maupun bisnis.

    Baca Juga: Bingung Memilih Font yang Tepat? Berikut 6 Tipsnya!

    Web designer pasti tahu kalau untuk mendapatkan font bagus, dibutuhkan dana yang cukup besar.

    Nah, Google Fonts hadir sebagai solusi gratis yang tetap berkualitas.

    Awalnya memang asetnya hanya font saja. Namun, di awal tahun 2021 ini mereka juga menyediakan berbagai macam jenis icon.

    Icon yang dimaksud itu seperti settings, shopping cart, tanda verified, dan masih banyak lagi.

    Sangat menarik dan mempermudah proses pembuatan website, kan?

    Kalau ingin menggunakan font atau icon yang ada di Google Fonts, kamu bisa baca cara menggunakan yang lengkap di bawah ini.

    Cara Menggunakan Google Fonts

    Glints akan menjelaskan cara menggunakan Google Fonts dalam dua bagian, yaitu satu untuk menggunakan aset font dan satu lagi untuk icon.

    Berikut adalah langkah-langkah mudahnya.

    Font

    1. Klik menu “Browse fonts

    cara menggunakan google font

    Kita akan membahas mengenai cara menggunakan Google Fonts untuk mendapatkan font-nya terlebih dahulu.

    Pertama-tama, kunjungi https://fonts.google.com/, lalu klik menu Browse fonts.

    2. Tulis kata yang ingin digunakan, pilih font yang diinginkan

    cara menggunakan google font

    Setelah itu, tuliskan kata-kata yang ingin digunakan ke dalam boks di samping tulisan “Custom”.

    Kalau sudah, kamu bisa scroll ke bawah untuk melihat contoh tulisan tersebut dengan berbagai macam font.

    3. Pilih gaya font

    cara menggunakan google font

    Ketika menemukan font yang tepat, kamu bisa klik dan akan muncul tampilan seperti foto di atas.

    Pilih gaya yang diinginkan dan utak-atik ukuran agar font bisa sesuai dengan keinginan.

    Kamu juga bisa mengecek lisensi font tersebut, apakah boleh digunakan untuk bisnis atau hanya penggunaan pribadi saja, dan sebagainya.

    Baca Juga: 15 Tips Belajar Web Design untuk Jadi Web Designer Andal

    4. Salin kode yang disediakan

     

    Icon

    1. Klik menu “Icons

    cara menggunakan google font

    Kalau tadi membahas font, kali ini Glints akan menjelaskan cara menggunakan Google Fonts untuk mendapatkan icon

    Pertama-tama, klik menu Iconssetelah mengunjungi situs https://fonts.google.com/.

    2. Pilih kategori icon

    Setelah itu, pilih kategori icon yang diinginkan dan scroll ke bawah untuk melihat semua aset yang tersedia. 

    3. Pilih icon dan modifikasi sesuai kebutuhan

    Kamu bisa langsung pilih icon, lalu sesuaikan dengan kebutuhan. 

    Ubah warna, ukuran, dan keperluannya apakah untuk website biasa, perangkat iOS atau Android, dan sebagainya. 

    Kalau sudah, tinggal ikuti instruksi untuk memasukkannya ke website-mu, deh.

    Baca Juga: 6 Tren Desain Web yang Perlu Kamu Antisipasi di 2021 Mendatang!

    Itu dia cara lengkap menggunakan Google Fonts yang bisa diikuti. Sangat mudah, bukan?

    Kalau kamu ingin belajar lebih lanjut dan memperdalam pengetahuan seputar desain, ada Glints ExpertClass yang siap memenuhi kebutuhanmu.

    Kamu bisa mengikuti kelas yang akan dibawakan oleh profesional dari dunia desain, dengan segudang ilmu dan pengalaman yang tak perlu diragukan.

    Jadi, tunggu apa lagi? Cari kelas yang ingin diikuti dan daftarkan dirimu, sekarang juga!

    Seberapa bermanfaat artikel ini?

    Klik salah satu bintang untuk menilai.

    Nilai rata-rata 3.4 / 5. Jumlah vote: 7

    Belum ada penilaian, jadi yang pertama menilai artikel ini.

    We are sorry that this post was not useful for you!

    Let us improve this post!

    Tell us how we can improve this post?


    Leave a Reply

    Your email address will not be published. Required fields are marked *

    Artikel Terkait