Google Fonts merupakan salah satu layanan Google yang menyediakan tak sedikit tipe fonts yang bisa dipakai dengan cara gratis baik untuk web pribadi maupun komersial. Pada saat tulisan ini saya tulis, Google Fonts menyediakan 808 tipe fonts serta semakin bertambah hampir setiap harinya.
 |
| klik gambar untuk memperbesar |
Kenapa Google Fonts sangat hebat serta begitu tak sedikit yang merekomendasikannya ? Pertama pasti saja sebab gratis. Lalu nilai serta tipe fonts yang indah. Serta tak kalah penting merupakan kemampuan yang tak butuh diragukan lagi. Artinya uptime-nya boleh dibilang hampir 100%.
Nah, berikut ini merupakan tutorial serta trik dalam memakai Google Fonts untuk hasil yang maksimal.
Pilih Fonts yang sesuai
Silahkan langsung menuju ke web Google Fonts. Di sana kamu menjumpai begitu tak sedikit tipe fonts, mulai dari yang standar hingga dengan yang aneh-aneh. Silahkan pilih yang sesuai dengan tema web anda. Apabila bimbang serta terlalu tak sedikit opsi, maka kamu bisa mekegunaaankan fasilitas pencarian yang sudah disediakan.
 |
| klik gambar untuk memperbesar |
Untuk font-font tertentu, kamu bisa memilih varian-varian yang memberbagi hasil yang tak sama pula.
 |
| klik gambar untuk memperbesar |
 |
| klik gambar untuk memperbesar |
Seusai kamu menemukan tipe font yang kamu inginkan, klik tombol + yang ada di pojok kanan. Apabila butuh silahkan pilih berbagai font sekaligus.
 |
| klik gambar untuk memperbesar |
Setiap kali kamu menekan tombol + tersebut, maka dengan cara otomatis font yang kamu pilih bakal tersimpan serta bakal timbul info di tahap bawah. Apabila kotak info tersebut kamu klik, maka bakal timbul info font-font apa saja yang sudah kamu pilih.
 |
| klik gambar untuk memperbesar |
Perhatikan Load Time
Memakai tak sedikit font sekaligus terbukti tak terlarang, bakal namun pastikan supaya tak hingga mengganggu kemampuan web. Terus tak sedikit kamu memakai fonts, maka makin tak sedikit pula waktu loading yang diperlukan halaman web anda.
Oleh sebab itu, pastikan indikator
Load Time berupa
fast alias paling kurang baik
moderat.
 |
| klik gambar untuk memperbesar |
 |
| klik gambar untuk memperbesar |
 |
| klik gambar untuk memperbesar |
Embed Fonts ke dalam HTML
Caranya sangat mudah, lumayan dengan terbuktigilnya dengan link. Perhatikan pada kotak infomasi fonts yang kamu pilih. Di sana telah tertera link yang tinggal copy paste ke dalam HTML.
 |
| klik gambar untuk memperbesar |
Seperti contoh di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Test Google Fonts</title>
<link href="https://fonts.googleapis.com/css?family=Playfair+Display|Roboto:300|Ubuntu" rel="stylesheet">
</head>
<body>
Gunakan Fonts dengan CSS
Pada kotak info fonts yang kamu pilih tersebut juga telah ditunjukkan bagaimana memakai fonts dengan CSS.
 |
| klik gambar untuk memperbesar |
Pada contoh di bawah ini, masing-masing fonts di gunakan pada paragraf yang tak sama-beda.
 |
| klik gambar untuk memperbesar |
Sekian trik serta tips hari ini. Semoga yang sedikit ini berguna buat ente sekalian.
EmoticonEmoticon