Kumpulan Trick Blog TErbaru

About

New Trick hayalah blog kecil yang mencoba untuk memberikan dan menyajikan trick dan tips tentang blog
Minggu, 04 September 2016

Mengganti & Memasang Font Di Artikel Blog Lebih Banyak

Mengganti & Memasang Font Lebih Banyak Di Artikel Blog terkadang perlu dilakukan dan terkadang sangat tidak perlu dilakukan karena jika kita terlalu banyak memasang font di blog atau pun sering mengganti font blog maka juga tidak baik untuk keadaan blog. Lalu berapa kali seharusnya mengganti dan memasang font di blog? 6 bulan atau 1 tahun sekali mungkin juga bisa atau tergantung sesuai keinginan pemilik blog itu, yang pastinya jangan terlalu sering-sering mengganti font blog

Baca juga Hanya mengganti font blog yang ada di artikel blog

Kemarin saya juga membuat artikel tentang mengganti font dan sekarang saya membuat artikel dengan judul yang sama. Apa perbedaan artikel yang kemarin dengan artikel yang sekarang? Meski memiliki judul yang sama tapi isinya berbeda. Jika pada artikel sebelumnya untuk mengganti font di artikel blog cuku dengan memilih font-font yang ada di menu Font yang telah tersedia dan font yang disediakan hanya ada 7 font yang disediakan oleh Blogger yaitu Arial, Courier, Georgia, Helvetica, Times, Trebuchet, dan Verdana

Mengganti & Memasang Font Di Artikel Blog Lebih Banyak

Dengan adanya 7 font yang disediakan tersebut sebenarnya sudah cukup untuk memperindah tampilan font artikel. Namun bukan Blogger pandainya jika tidak ingin sesuatu yang beda didalam blognya. Merak pun berramai-ramai mengganti font di blognya dan rata-rata mereka menggunakan font yang disediakan oleh Google font

Lalu apa maksud dan tujuan dari artikel ini? Sama seperti pada artikel sebelumnya, dalam artikel ini juga mengganti font hanya di artikel blog saja dan tentunya font-font yang digunakan lebih banyak dan berbeda dari font yang telah ada. Caranya pun hampir sama, cukup meletakkan kode font didalam artikel maka font artikel pun langsung berganti

Cara Mengganti & Memasang Font Di Artikel Blog Lebih Banyak
Untuk mengganti font yang berbeda dengan banyak pilihan yang menyesuaikan dengan keinginan maka cukup memilih font yang ada didalam Google Fonts atau seperti yang telah saya jelaskan di artikel sebelumnya

Baca juga Cara lengkap memasang Google font di blog

Setelah menemukan font yang diinginkan, salin url font tersebut dan gunakan kode css font dibawah ini untuk mengganti font didalam artikel blog

<style type="text/css">
@import url(link google font);
</style>

Keterangan: Ganti link google font dengan link font yang telah didapat di Google font

Contoh:
Di Google fonts, saya memilih jenis font Comfortaa, maka saya memiliki link font tersebut seperti berikut ini
http://fonts.googleapis.com/css?family=Comfortaa

Maka dengan menggunakan kode css font diatas, salin kode berikut ini sebelum artikel blog dengan format penulisannya adalah sebagai berikut:
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Comfortaa);
</style>

Untuk menerapkan font Comfortaa kedalam artikel gunakan fungsi SPAN untuk memanggil kode font yang telah disediakan
<span style="font-family:'Comfortaa', san-serif;font-size:22px;">
Tulisan Disini
</span>

Hasilnya adalah sebegai berikut ini
Ini adalah hasil tulisan yang menggunakan font Comfortaa dan memiliki tampilan font yang berbeda dengan tulisan yang lainnya yang ada didalam artikel ini

Bagaimana jika fontnya banyak?
Jika font yang digunakan banyak maka font yang dipilih di Google font juga banyak, sehingga link fontnya adalah seperti berikut ini
@import url(http://fonts.googleapis.com/css?family=Quicksand:700|Lobster);

Dengan menggunakan fungsi SPAN, maka hasil dari penggunaan font yang banyak di artikel blog adalah seperti berikut ini
Tulisan ini menggunakan font Quicksand Tulisan ini menggunakan font Lobster Tulisan ini menggunakan font Comfortaa

Bagaimana keren bukan penggunaan font Comfortaa diatas, jika tertarik untuk mengganti & memasang font di artikel silahkan gunakan cara diatas :)




Klik untuk melihat kode: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

TOP