18 Jul

Cara Menggunakan Google Fonts

Cara menggunakan Google Fonts itu mudah. Untuk saat ini ada 996 koleksi Fonts di Google yang saya kira bisa mewakili banyak sekali keperluan. Jika koleksi fonts di komputer kita kurang mewakili.

Unyuk karakter, Google Fonts memiliki karakter formal, fancy hingga yang terlihat seperti grunge.

Apapun jenis website kita, kita bisa menggunakan Google Fonts yang sesuai dengan dampak visual yang kita inginkan.

Cara menggunakan Google Fonts

Yang pertama, kita masuk ke fonts.google.com dan akan diberikan pilihan banyak sekali fonts.

Saat saya buka tanggal 28 Mei 2019 jam 2 siang, ada 996 pilihan fonts disana. Kemungkinan besar jumlah ini akan bertambah lagi.

Setelah masuk kesana, ada pilihan yang sangat banyak seperti dibawah:

cara menggunakan Google fonts

Kita bisa memilih salah satu diantaranya. Pilihan lainnya ada jauh dibawah. Kita geser saja slider di sebelah kanan turun untuk memilihnya.

Untuk saat ini, kami memilih yang dekat saja untuk contoh. Yaitu font yang ada ditengah.

cara menggunakan Google fonts 1

Kita klik pada tanda + ( Plus ) berwarna merah.

Akan muncul tulisan Family Selected seperti gambar diatas yang warnanya hitam.

Gambar itu adalah sebuah tampilan popup. Jika kita klik maka akan tampil seperti dibawah.

cara menggunakan Google fonts 2

Disana ada tulisan embed, standard dan sebagainya. Kita ambil code htmlnya dan kita paste ke CSS font di website kita.

Kode yang kami pilih seperti ini:

<link href=”https://fonts.googleapis.com/css?family=Noto+Sans+HK&display=swap” rel=”stylesheet”>

Setelah kita paste, maka font di situs kita sudah menggunakan font milik Google Fonts.

Pada halaman popup tadi, ada juga pilihan Customize untuk mengcustom font kita. Misal ukuran huruf dan apakah font atau huruf tadi akan tampil dalam huruf latin atau huruf China.

Keuntungan menggunakan Google Fonts

  • Gratis

Ratusan font milik Google tadi gratis. Ini salah satu yang paling penting. Bahkan kita bisa menggunakan semua font tadi dan masih gratis saja.

  • Aman untuk platform berbeda

Tidak sekedar web safe, tetapi aman untuk semua platform. Google sudah memastikan font mereka tidak rusak jika tampil di platform berbeda.

  • Tidak perlu lisensi saat menggunakan

Plus, tidak ada batasan penggunaanya.

  • Meningkatkan akses

Google font membuat browser langsung menuju ke alamat Google Font bersangkutan. Alamat yang kita copy paste tadi diatas.

Jadi browser tidak melihat ke komputer kita untuk menampilkan font. Pastinya, font akan lebih aman dan cepat loadingnya.

Itulah cara menggunakan Google Fonts dan keuntungannya. Silahkan memilih dan digunakan sesuka Anda. Terimakasih.

Rate this post

Leave a reply