Menambahkan font baru dengan css

Kemarin saya sempat ngoprek-ngoprek templatenya habari yang jenis fontnya beda dengan font yang biasa dipakai seperti verdana, arial dll. Iseng-iseng saya buka CSSnya, ternyata pembuat theme tersebut menambahkan font baru di CSSnya dan menambahkan file font yang biasanya berekstensi .ttf, .otf.

Berikut akan saya bagi cara menambahkannya di CSS:

  • Download file font yang ingin anda tambahkan, anda bisa memperolehnya di sini
  • Setelah dapat, simpan file font tersebut pada folder yang sama dimana tempat file CSS anda berada
  • Lalu ubah tambahkan script berikut pada CSS anda:

@font-face {
font-family: Nymph;
src: url('NymphsHandwritingNEW.ttf');
}

  • Untuk memanggil font ini, cukup dengan code seperti ini:

body {
background: #f2f2f2;
color: #555;
font-size: 12px;
text-shadow: 1px 1px 1px #fff;
font-family: Nymph;
font-style: normal;
}

Lihat tulisan yang dicetak tebal adalah font baru yang kita tambahkan, hasilnya adalah sebagai berikut:
nah selamat mencoba🙂
tulisan ini juga ada di : penabambu

3 thoughts on “Menambahkan font baru dengan css

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s