Style fontFamily 属性

定义和用法

fontFamily 属性设置或返回元素中文本的字体族（font-family）名称和/或通用系列（generic-family）名称的列表。

浏览器将使用它能够识别的第一个值。

ມີສອງປະເພດຄູ່ມູນຄ່າ font-family:

  • font-family: ຊື່ຊັບຊັບຊັບພາສານິນ, ອີງຕາມ "verdana" ຫຼື "arial"
  • generic-family: ຊື່ຊັບຊັບຊັບພາສານິນຊະນະທົ່ວໄປ, ອີງຕາມ "serif" ຫຼື "sans-serif"

ຂໍ້ສັງເກດ

ກວດກາວ່າມີການກໍານົດຊັບຊັບການພາສານິນຊະນະທົ່ວໄປຄືກັນຫຼັງຈາກຊັບຊັບພາສານິນຊະນະທົ່ວໄປ!

ບໍ່ຕ້ອງຫຼຸດຈັກກັນຄູ່ມູນຄ່າທຸກຢ່າງດ້ວຍຄຳວັດ.

ຖ້າຊື່ຊັບຊັບຂອງຊັບຊັບການພາສານິນຊະນະມີຈັກກັນຊັບ, ຕ້ອງນໍາໃຊ້ຄຳວັດຈາກວຽງ.

ເບິ່ງຕື່ມ: Web Safe Fontsເພື່ອຮູ້ກ່ຽວກັບການປະກອບພາສານິນຊະນະທົ່ວໄປ.

ເບິ່ງຕື່ມ:

CSS Tutorial:ວັດສະວະດີຄວາມຫົວໜ້າ CSS

CSS Reference Manual:ສະຖານະການ font-family

ຄູ່ມູນຄ່າ HTML DOM Reference Manual:ສະຖານະການ font

ຄວາມລະອຽດ

ຕົວຢ່າງ 1

ຕັດສິນຄັດສະຖານະການຫົວໜ້າສານ <p>:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

ຕັ້ງຕາມຄົນຂອງຕົນເອງ.

ຕົວຢ່າງ 2

ການສະແດງຄູ່ມູນຄ່າທີ່ເປັນໄປໄດ້:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

ຕັ້ງຕາມຄົນຂອງຕົນເອງ.

ຕົວຢ່າງ 3

ກັບຄືນສະຖານະການຫົວໜ້າສານ <p>:

alert(document.getElementById("myP").style.fontFamily);

ຕັ້ງຕາມຄົນຂອງຕົນເອງ.

ຄຳສັບຄຳການ:

ກັບຄືນສະຖານະການ fontFamily:

object.style.fontFamily

ຕັດສິນຄັດສະຖານະການ fontFamily:

object.style.fontFamily = "font1, font2...|initial|inherit"

ຄູ່ມູນຄ່າຂອງສະຖານະການ

ຄູ່ມູນຄ່າ ອະທິບາຍ
font1, font2... ລາຍການຊື່ຊັບຊັບພາສານິນຊະນະແລະ/ຫຼືຊັບຊັບການການພາສານິນຊະນະລາຍການ.
initial ຕັດສິນຄັດພາສານີ້ໃຫ້ເປັນມູນຄ່າຄົງທີ່ຄວນ. ບັນທຶກຕື່ມ: initial.
inherit ຍິນຍອມກັບສະຖານະຂອງປະກອບພັນທະມິດຂອງມັນ. ບັນທຶກຕື່ມ: inherit.

ຂໍ້ສາລະພາບເຕັກນິກ.

ມູນຄ່າຄົງທີ່ຄວນ: ບໍ່ມີການກໍານົດ.
ຜົນການຄາດຫວັງ: ວິຊາຂອງສາມາດການຈະການປະກາດປີສາຍຫົວໜ້າສານຂອງປະກອບສັນຈະຢູ່.
ສະບັບ CSS: CSS1

ການສະໜັບສະໜູນບັນດາຄົນໃຊ້ບັນດາການສະແດງ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ