Untuk mempercantik tampilan font dalam blog kita bisa menggunakan google fonts , lalu bagaimana caranya :
Misalnya kita ingin menampilkan font Tangerine di blog, copy script di bawah ini.
<link href='https://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet'/>
Lalu buka template, edit HTML cari code head dan letakkan di atasnya. Coba di pratinjau, setelah hasilnya sesuai di save.
Untuk penulisannya, sebagai contoh kita ingin menulis Ini contoh font-family Tangerine.
<span style="font-family:Tangerine; font-size:30px; letter-spacing:4px;line-height: 40px;">Ini contoh font-family Tangerine</span>, dan hasilnya seperti ini :
Ini contoh font-family Tangerine
Contoh lain, misalnya kita ingin menggunakan font-family Syncopate.
<span style="font-family: Syncopate; font-size:30px; letter-spacing:4px;line-height: 40px;">Ini contoh font-family Syncopate;/span>, jangan lupa taruh script di bawah ini di atas head
<link href='https://fonts.googleapis.com/css?family=Syncopate' rel='stylesheet'/>
maka hasilnya akan seperti ini:
Ini contoh font-family Syncopate
Kalau untuk ukuran font silahkan atur sendiri.
font-size:30px = ini berarti besar font 30px bisa Kalian rubah jadi 15px, 13px, 14px dan sebagainya.
letter-spacing:4px = ini berarti jarak spasinya 4px, bisa Kalian rubah jadi 2px, 1px dan sebagainya.
line-height: 40px = ini berarti memiliki tinggi font 40px, bisa Kalian rubah jadi 30px, 35px dan sebagainya.
No comments:
Post a Comment