ຄໍາສັບຂອງຊັບສິນ Font-Family
ການອອກແບບປະເພດ ແມ່ນເປັນສິ່ງສໍາຄັນທີ່ສໍາຄັນຂອງການອອກແບບເວັບໄຊທ໌ຫນຶ່ງທີ່ປະສົບຜົນສໍາເລັດ. ການສ້າງເວັບໄຊທີ່ມີຂໍ້ຄວາມທີ່ ງ່າຍຕໍ່ການອ່ານແລະເບິ່ງດີທີ່ສຸດ ແມ່ນເປົ້າຫມາຍຂອງການອອກແບບເວັບໄຊຕ໌ເປັນມືອາຊີບ. ເພື່ອບັນລຸເປົ້າຫມາຍນີ້, ທ່ານຈໍາເປັນຕ້ອງໄດ້ກໍານົດຕົວອັກສອນທີ່ທ່ານຕ້ອງການໃຊ້ໃນຫນ້າເວັບຂອງທ່ານ. ເພື່ອກໍານົດຄອບຄົວແບບອັກສອນຫຼືຕົວອັກສອນໃນເອກະສານເວັບຂອງທ່ານ, ທ່ານຈະໃຊ້ຄຸນສົມບັດແບບອັກສອນແບບຄອບຄົວໃນ CSS ຂອງທ່ານ.
ແບບອັກສອນທີ່ງ່າຍທີ່ສຸດທີ່ທ່ານສາມາດນໍາໃຊ້ໄດ້ຈະປະກອບມີພຽງແຕ່ຫນຶ່ງຄອບຄົວຕົວອັກສອນເທົ່ານັ້ນ:
p {font-family: Arial }ຖ້າທ່ານນໍາໃຊ້ແບບນີ້ໄປຫນ້າ, ທຸກວັກຈະຖືກສະແດງໃນຄອບຄົວຕົວອັກສອນ "Arial". ນີ້ແມ່ນສິ່ງທີ່ດີແລະນັບຕັ້ງແຕ່ "Arial" ແມ່ນສິ່ງທີ່ເອີ້ນວ່າ "ຕົວອັກສອນທີ່ປອດໄພ", ຊຶ່ງຫມາຍຄວາມວ່າຄອມພິວເຕີສ່ວນໃຫຍ່ (ຖ້າບໍ່ແມ່ນ) ຈະຕິດຕັ້ງມັນກໍ່ສາມາດຮູ້ໄດ້ວ່າຫນ້າຂອງທ່ານຈະສະແດງໃນຫນ້າທີ່ທີ່ຕ້ອງການ ທີ່ຢູ່
ດັ່ງນັ້ນສິ່ງທີ່ເກີດຂຶ້ນຖ້າຫາກວ່າຕົວອັກສອນທີ່ທ່ານເລືອກບໍ່ສາມາດພົບໄດ້? ຕົວຢ່າງ: ຖ້າທ່ານບໍ່ໃຊ້ "ໂປແກມທີ່ປອດໄພໃນຫນ້າເວັບ" ຢູ່ຫນ້າ, ຕົວແທນຜູ້ໃຊ້ເຮັດຫຍັງຖ້າພວກມັນບໍ່ມີຕົວອັກສອນ? ພວກເຂົາເຮັດການທົດແທນ.
ນີ້ສາມາດເຮັດໃຫ້ຫນ້າເວັບທີ່ຫນ້າສົນໃຈຫຼາຍ. ຂ້ອຍເຄີຍໄດ້ໄປຫນ້າທີ່ຄອມພິວເຕີຂອງຂ້ອຍສະແດງຢູ່ໃນ "Wingdings" (ເຄື່ອງຫມາຍ icon) ເນື່ອງຈາກຄອມພິວເຕີຂອງຂ້ອຍບໍ່ມີຕົວອັກສອນທີ່ຜູ້ພັດທະນາໄດ້ກໍານົດແລະຕົວທ່ອງເວັບຂອງຂ້ອຍເຮັດໃຫ້ເລືອກທີ່ບໍ່ດີໃນສິ່ງທີ່ມັນໃຊ້ ໃຊ້ເປັນການທົດແທນ. ຫນ້ານີ້ແມ່ນບໍ່ສາມາດອ່ານໄດ້ສໍາລັບຂ້າພະເຈົ້າ! ນີ້ແມ່ນບ່ອນທີ່ມີການຈັດການແບບອັກສອນ.
ແຍກຕົວຄອບຄົວຕົວອັກສອນຫຼາຍດ້ວຍສະຫຼາກໃນກ່ອງ Font
A "font stack" ແມ່ນລາຍຊື່ຂອງໂປແກມທີ່ທ່ານຕ້ອງການໃຊ້ຫນ້າຂອງທ່ານ. ທ່ານຈະເຮັດໃຫ້ຕົວເລືອກແບບອັກສອນຂອງທ່ານຕາມຄວາມຕ້ອງການຂອງທ່ານແລະແບ່ງແຍກແຕ່ລະດ້ວຍໂຄຣມ. ຖ້າຕົວທ່ອງເວັບບໍ່ມີຄອບຄົວຕົວອັກສອນທໍາອິດໃນບັນຊີ, ມັນຈະພະຍາຍາມທີສອງແລະທີສາມແລະອື່ນໆຈົນກວ່າມັນພົບວ່າມັນມີຢູ່ໃນລະບົບ.
ຄອບຄົວຕົວແບບ: Pussycat, Algerian, Broadway;ໃນຕົວຢ່າງຂ້າງເທິງ, ຕົວທ່ອງເວັບທໍາອິດຈະຊອກຫາຕົວອັກສອນ "Pussycat", ຫຼັງຈາກນັ້ນ "Algerian" ຫຼັງຈາກນັ້ນ "Broadway" ຖ້າຫາກບໍ່ມີຕົວອັກສອນອື່ນ ໆ ທີ່ພົບ. ນີ້ເຮັດໃຫ້ທ່ານມີໂອກາດຫຼາຍທີ່ຈະໃຊ້ໂປແກມທີ່ຖືກເລືອກໄວ້ຢ່າງຫນ້ອຍຫນຶ່ງ. ມັນບໍ່ສົມບູນແບບ, ນັ້ນແມ່ນຍ້ອນວ່າພວກເຮົາຍັງມີຫຼາຍທີ່ພວກເຮົາສາມາດເພີ່ມເຂົ້າໃສ່ font ຂອງພວກເຮົາ (ອ່ານ!).
ໃຊ້ແບບຟອມໄຟລ໌ທົ່ວໄປສຸດທ້າຍ
ດັ່ງນັ້ນ, ທ່ານສາມາດສ້າງແບບຟອມອັກສອນທີ່ມີລາຍຊື່ຂອງຕົວອັກສອນແລະຍັງບໍ່ມີຕົວທ່ອງເວັບທີ່ສາມາດຊອກຫາ. ທ່ານແນ່ນອນບໍ່ຢາກໃຫ້ຫນ້າຂອງທ່ານສະແດງໃຫ້ເຫັນບໍ່ສາມາດອ່ານໄດ້ຖ້າຫາກວ່າຕົວທ່ອງເວັບເຮັດໃຫ້ການເລືອກແທນທີ່ທຸກຍາກ. ໂຊກດີ CSS ມີການແກ້ໄຂສໍາລັບການນີ້ເຊັ່ນກັນ: ໂປຣແກຣມທົ່ວໄປ .
ທ່ານຄວນຢຸດລາຍຊື່ແບບອັກສອນຂອງທ່ານ (ແມ້ວ່າມັນເປັນບັນຊີລາຍຊື່ຂອງໂປແກຼມຄອບຄົວຫຼືພຽງແຕ່ໂປແກຼມປອດໄພທີ່ມີໂປແກຼມທົ່ວໄປ). ມີຫ້າທີ່ທ່ານສາມາດໃຊ້ໄດ້:
- cursive
- ປັນຍາ
- monospace
- sans-serif
- serif
ຕົວຢ່າງສອງຂ້າງອາດຈະປ່ຽນໄປ:
ຄອບຄົວຕົວອັກສອນ: Arial, sans-serif; ຄອບຄົວຕົວແບບ: Pussycat, Algerian, Broadway, ປັນຍາ;ບາງຮູບແບບຂອງຕົວອັກສອນຕົວອັກສອນແມ່ນສອງຄໍາຫຼືຫລາຍຄໍາ
ຖ້າຫາກວ່າຄອບຄົວຂອງຕົວອັກສອນທີ່ທ່ານຕ້ອງການໃຊ້ຫຼາຍກວ່າຫນຶ່ງຄໍາແລ້ວ, ທ່ານຄວນປະສົມມັນດ້ວຍເຄື່ອງຫມາຍຄູ່ຄູ່. ໃນຂະນະທີ່ບາງຕົວທ່ອງເວັບສາມາດອ່ານຄອບຄົວຕົວອັກສອນໂດຍບໍ່ມີເຄື່ອງຫມາຍຄໍາເຕືອນ, ອາດມີບັນຫາຖ້າຊ່ອງຫວ່າງຖືກລຶບຖິ້ມຫຼືຖືກລະເວັ້ນ.
font-family: "Times New Roman", serifໃນຕົວຢ່າງນີ້, ທ່ານສາມາດເຫັນໄດ້ວ່າຊື່ font "Times New Roman", ເຊິ່ງແມ່ນຄໍາສັບຫຼາຍ, ຖືກກອກຢູ່ໃນວົງຢືມ. ນີ້ບອກຕົວທ່ອງເວັບວ່າທັງສາມຄໍາເຫຼົ່ານີ້ແມ່ນສ່ວນຫນຶ່ງຂອງຊື່ຕົວອັກສອນທີ່ກົງກັນຂ້າມກັບສາມຕົວອັກສອນທີ່ແຕກຕ່າງກັນທັງຫມົດທີ່ມີຊື່ດຽວກັນ.
ບົດສະບັບຕົ້ນໂດຍ Jennifer Krynin. ແກ້ໄຂເມື່ອ 12/2/16 ໂດຍ Jeremy Girard