Properti style.fontFamily digunakan untuk menetapkan font face untuk teks.
Sintaks:
obj.style.fontFamily: value;
Nilainya:
- family-name:
Adalah nama dari font, jika namanya berisi spasi putih, dia harus diberikan tanda kutip.Baskerville"Times New Roman"Garamond"Minion Web"- dll
- generic-family:
generic-family adalah keyword, dan tidak perlu diberikan tanda kutip.serif(misal, Times New Roman, Bodoni, Garamond, Minion Web)sans-serif(misal, MS Trebuchet, ITC Avant Garde Gothic)cursive(misal, Caflisch Script, Adobe Poetica)fantasy(misal, Alpha Geometrique, Critter)monospace(misal, Courier, MS Courier New)
inherit
Nilai awal FONT-FAMILY ditentukan oleh browser, karena semua tergantung dari ketersediaan family-name atau generic-family dari sistem komputer yang ada.
Contoh:
<HTML>
<HEAD>
<TITLE>style.fontFamily</TITLE>
<SCRIPT TYPE="text/javascript">
function changeFont()
{
document.getElementById("myp").style.fontFamily = "Garamond";
}
</SCRIPT>
</HEAD>
<BODY>
<P ID="myp">Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum... Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum... Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum... Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum... Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...</P>
<BUTTON TYPE="button" ONCLICK="changeFont()">Change Font!</BUTTON>
</BODY>
</HTML>
