Cara menggabungkan beberapa link-kode dari Google Font
Seberapa banyak link yang kamu gunakan untuk menampilkan beragam font khususnya google font di blog? 3, 5 atau lebih?
Kali ini saya akan berbagi cara, bagaimana menggabungkan ke semua link-kode tersebut dan menjadikannya sebuah link yang mengarah ke semua stylesheet yang di gunakan.
Bicara soal ke unggulan, ini jelas jauh lebih unggul karena semua kode akan termuat secara bersamaan dan pastinya lebih hemat Source.
Contoh yang akan saya bagikan kali ini adalah, mengabungkan kode dari font Open Sans + Inconsolata + Dancing Script.
Inilah link-kode dari font Open Sans.
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
Inilah link-kode dari font Inconsolata.
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
Dan ini link-kode dari font Dancing Script.
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
Untuk mengabungkan ke semua kode, pilih salah satu link yang akan kamu gunakan, lalu tambahkan tanda | setelah nama font pada urlnya. Lalu ambil nama font berikutnya dan tempatkan setelah kode | tersebut. Begitu seterusnya.
Jadi, hasil penggabungannya, kurang lebih seperti ini.
<link href='http://fonts.googleapis.com/css?family=Open+Sans|Inconsolata|Dancing+Script' rel='stylesheet' type='text/css'>
Mudahkan? Seperti itu lah cara mengabungkan beberapa link-kode dari google font. Dan yang pasti, tidak ada batasan khusus yang menentukan batasan maksimal dari jumlah font yang akan di gabungkan.
0 komentar:
Post a Comment
Kolom komentar tersedia hanya untuk diskusi dan bukan sarana untuk promosi.
Komentar menggunakan media sosial seperti Facebook dan lain-lain sengaja di nonaktifkan karena sering di salahgunakan.
Mohon untuk tidak menyisipkan link promosi pada kolom komentar.