Cara Mudah Menggunakan Google ICON Untuk WEB

Hallo teman-teman semua kembali lagi bersama saya di blog kita bersama, pada kali ini kita akan membahas mengenai cara penggunaan google icon dan google font baik pada web maupun android...

oke mungkin teman-teman sudah pada tahu mengenai icon pada web ataupun android, icon ini digunakan untuk mempercantik tampilan dari sebuah web maupun android, pada saat sekarang ini banyak sekali beberapa aplikasi ke 3 yang menyediakan icon-icon baik yang berbayar maupun yang gratis nahh salah satu contohnya yaitu FONT AWESOME. 

akan tetapi penggunaan font awesome sangat sulit untuk digunakan, karna terkadang server yang mereka gunakan sangat lelet wajarlah mungkin karna gratisan hehehehehe....

Nahh karna hal itulah saya beralih untuk menggunakan google icon dimana selain gratis, mudah digunakan dan tidak kalah penting jenis-jenis icon nya juga banyak..

oke tanpa berlama-lama kita masuk saja ke cara penggunaannya :

Hal yang dilakukan pertama kali ialah kunjungi link di bawah ini

GOOGLE ICON

 

 Cara menggunakan  Google ICON

 

 Copy link di bawah ini dan paste di taq head html / php anda

 

 <!-- link google icon -->

<link rel="stylesheet" 

           href="https://fonts.googleapis.com/icon?family=Material+Icons">

 Selanjutnya copy soource code dibawah untuk menampilkan icon

  

 <!-- home isi dari taq font tuliskan sesuai dengan icon yang

 akan anda tampilkan -->

<h1 class="material-icons">home</h1>

<h1 class="material-icons">cloud</h1>

<h1 class="material-icons">apps</h1>

 Nahh jika anda jalankan maka hasilnya akan seperti dibawah ini

nahh mudah bukan cara menggunakan google icon, hehehe.. oh iya di google icon ini punya beberapa kelemahan yakni icon nya tidak bisa diatur ukuranya karna merupakan font,, jadi gunakan lah sesuai dengan kebutuhan anda

jika ada yang belum paham segera tinggalkan pesan di kolom komentar

sekian danterimakasih