Posted by : Unknown
Sabtu, 22 Maret 2014
Cara Meng-Input Fonts Dari Google Fonts Ke Blog Maupun Website - Hallo sobat dezain !
Pada kesempatan kali ini, kami akan memberikan cara atau tutorial untuk meng-input font dari google fonts untuk dapat diterapkan di blog / website kamu.
Bosen pake font standar yang gitu-gitu aja kan ? Nah sekarang kita akan mulai tutorialnya yang dimulai dengan,
- Log-in kedalam account blogger kamu
Log-in adalah langkah yang paling penting >_<
- Buka Link Google Fonts
Kamu dapat membuka link itu dengan mengetikan url http://www.google.com/fonts
Setelah itu carilah font yang menurut kamu menarik dan pas buat blog kamu.
- Klik Tombol Yang Ditunjuk Pada Gambar Di Bawah Ini
- Lalu kamu akan tertuju pada suatu page dan cari code berikut
Nomor 3 adalah link font tsb, yang ditaruh diatas </head>
Untuk blog, link harus ditutup tagnya dengan cara memberikan slash pada link seperti ini
Default :
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
Setelah tag ditutup :
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'/>
Nomor 4 adalah css untuk mengaktifkannya, letakkan didalam rangkaian css.
Contohnya adalah
.css {font-family: 'Ubuntu Mono', ;
}
Sekian tutor dari kami, Terima Kasih.
Entri Populer
-
CSS First Letter, Menghias Huruf Pertama. - Hallo ! Sudah lama tidak post, dan kali ini mau memberikan pemahaman tentang CSS first lette...
-
Cara Meng-Input Fonts Dari Google Fonts Ke Blog Maupun Website - Hallo sobat dezain ! Pada kesempatan kali ini, kami akan memberikan cara a...
-
Cara Menghias Tampilan Table Dengan CSS ! - Hallo Dezainers, kali ini kami akan memberikan sebuah tips untuk menghias tampilan table di...
-
Situs Yang Bikin Blog Kamu Lebih Berwarna ! - Hallo Dezainers, kali ini kami akan memberikan kamu sebuah pengetahuan nih, yuk langsung a...
-
Website Yang Dapat Membantu Kamu Membuat CSS ! - Hallo, kali ini kita akan membahas tentang website yang dapat membantu kamu dalam membua...
-
Belajar Mengenai Hover CSS ! - Hallo Dezainers ! Kali ini kita akan belajar mengenai hover css, yuk langsung disimak. Hover ? Apaa...
-
CSS Untuk Menghias Blockquote atau Kotak Quote - Hallo, pada post kali ini Dezain akan memberikan tutorial untuk menghias Blockquote a...
-
CSS Untuk Menghias Scrollbar - Hallo, Dezain akan memberikan "kembali" cara untuk mempercantik blog dengan cara menghias sc...
-
CSS Selection Styling - CSS Untuk Menghias Seleksi - Hallo, kali ini Dezain akan memberikan cara menghias selection / seleksi. Se...
-
Typography Effect Tutorial #1 - Hallo Dezainers ! Kita akan membuka blog ini dengan post pertama kita yang berisikan cara untuk membuat...