ການປ່ຽນສະໜາມທີ່ພາຍໃນ CSS

为您的网站选择正确的字体很重要!

字体选择很重要

选择正确的字体会对网站的用户体验产生巨大影响。

正确的字体可以为您的品牌创造强有力的形象。

ມັນມີຄວາມສໍາຄັນທີ່ຈະໃຊ້ຫົວໜ້າທີ່ຄົງຄວາມທີ່ຫຼາຍ. ຫົວໜ້າເພື່ອຂໍ້ຄວາມຂອງທ່ານມີຄວາມຄິດຫຼາຍ. ມັນກໍ່ມີຄວາມສໍາຄັນທີ່ຈະເລືອກສີຫົວໜ້າແລະຂະໜາດຂອງຂໍ້ຄວາມທີ່ຖືກຕ້ອງ.

ສາຍລະບົບຫົວໜ້າທົ່ວໄປ

ໃນ CSS, ມີສາຍລະບົບທົ່ວໄປຫ້າ:

  • ຫົວໜ້າທີ່ມີການປະກອບຫົວໜ້າ (Serif) - ມີການປະກອບຫົວໜ້າທີ່ນ້ອຍຢູ່ໃນຫົວໜ້າແຕ່ລະຄຳ. ພວກມັນສ້າງຄວາມລະບົບ/ຄວາມອັນນະຄອນ.
  • ຫົວໜ້າທີ່ບໍ່ມີການປະກອບຫົວໜ້າ (Sans-serif) - ສະແດງຄວາມລະບົບທີ່ງາມ/ຄວາມສັນຍານ. ພວກມັນສ້າງຄວາມລະບົບທີ່ງາມ/ຄວາມສັນຍານ.
  • ຫົວໜ້າທີ່ມີຄວາມຄົງຄວາມ (Monospace) - ທຸກຄຳຂອງຫົວໜ້າມີຄວາມກວມກັນດຽວກັນ. ພວກມັນສ້າງຄວາມຄົງຄວາມທີ່ຄືກັບການປະຕິບັດ.
  • ຫົວໜ້າທີ່ສະແດງຄວາມຄິດຂອງຄົນ (Cursive) - ສະແດງຄວາມຄິດທີ່ຕົກຕ້ານຄວາມຄິດຂອງຄົນ.
  • ຫົວໜ້າທີ່ມີຄວາມຫຼີ້ນ (Fantasy) - ສະແນວຫົວໜ້າທີ່ປະຫຼວດ/ສົມບູນ.

ຊື່ຫົວໜ້າທີ່ຫຼາຍຢ່າງຫຼາຍກວ່າຢູ່ໃນສາຍລະບົບທົ່ວໄປທັງຫ້າ.

ຄວາມແຕກຕ່າງລະບົບ Serif ແລະ Sans-serif

Serif vs. Sans-serif

ຄໍາແນະນຳ:ໃນໜ້າຈໍສະໄພຕະຫຼອດ, ຫົວໜ້າທີ່ບໍ່ມີການປະກອບຫົວໜ້າຈະຖືກພິຈາລະນາວ່າມີຄວາມຄົງຄວາມທີ່ຫຼາຍກວ່າຫົວໜ້າມີການປະກອບຫົວໜ້າ.

ບັນດາຫົວໜ້າທີ່ຈະປະກອບ

ສາຍລະບົບຫົວໜ້າທົ່ວໄປ ບັນດາຊື່ຫົວໜ້າຂອງຫົວໜ້າ
Serif Times New Roman
Georgia
Garamond
Sans-serif Arial
Verdana
Helvetica
Monospace Courier New
Lucida Console
Monaco
Cursive Brush Script MT
Lucida Handwriting
Fantasy Copperplate
Papyrus

ປະສົມປະກອບ font-family CSS

ໃນ CSS, ພວກເຮົາໃຊ້ປະສົມປະກອບ font-family ເພື່ອກໍານົດຫົວໜ້າຂອງຂໍ້ຄວາມ.

ປະກອບການ font-family ຄວນມີຊື່ຫົວໜ້າຫຼາຍຄັນເປັນ 'ການປ້ອງກັນ' ລະບົບ ເພື່ອຮັບປະກັນຄວາມເປັນເອກະລາດທີ່ສູງລະບົບບັດເບິ່ງ/ລະບົບປະຕິບັດການບັດເບິ່ງ/ລະບົບ. ຄວນເລີ່ມຈາກຫົວໜ້າທີ່ທ່ານຕ້ອງການ ແລະ ສຳລັບສາຍລະບົບທົ່ວໄປ (ຖ້າບໍ່ມີຫົວໜ້າທີ່ມີຢູ່ ຄວນໃຫ້ບັດເບິ່ງ/ລະບົບທົ່ວໄປເລືອກຫົວໜ້າທີ່ຄ້າຍຄືກັນໃນສາຍລະບົບທົ່ວໄປ). ຊື່ຫົວໜ້າຄວນຖືກແຕ່ງຕາມຄຳແຈ້ງ.

注释:如果字体名称不止一个单词,则必须用引号引起来,例如:"Times New Roman"。

实例

为三个段落规定不同的字体:

.p1 {
  font-family: "Times New Roman", Times, serif;
}
.p2 {
  font-family: Arial, Helvetica, sans-serif;
}
.p3 {
  font-family: "Lucida Console", "Courier New", monospace;
}

亲自试一试