ການປ່ຽນແປງຄຸນລັກສະນະຂອງຕົວອັກສອນ

ຮຽນຮູ້ການນໍາໃຊ້ CSS ເພື່ອປ່ຽນຄຸນລັກສະນະຂອງຕົວອັກສອນ

Fonts ແລະ CSS

CSS ແມ່ນວິທີທີ່ມີປະສິດທິພາບທີ່ສຸດໃນການ ປັບຕົວອັກສອນ ໃນຫນ້າເວັບຂອງທ່ານ. ທ່ານສາມາດຄວບຄຸມ ຄອບຄົວຕົວອັກສອນ , ຂະຫນາດ, ສີ, ນ້ໍາຫນັກ, ແລະຫຼາຍດ້ານອື່ນໆຂອງ typography.

ຄຸນລັກສະນະຂອງ Font ໃນ CSS ແມ່ນຫນຶ່ງໃນວິທີທີ່ພົບເລື້ອຍທີ່ສຸດເພື່ອເຮັດໃຫ້ຫນ້າເວັບຂອງທ່ານມີລັກສະນະພິເສດແລະເປັນເອກະລັກ. ມັນງ່າຍທີ່ຈະປ່ຽນສີ, ຂະຫນາດ, ແລະເຖິງແມ່ນວ່າໃບຫນ້າ (ຕົວອັກສອນຂອງຕົວເອງ) ຂອງຂໍ້ຄວາມຂອງທ່ານດ້ວຍ ຄຸນສົມບັດ font CSS .

• ສີ
• font-family
• font-size

ມີສາມສ່ວນສໍາລັບຕົວອັກສອນ:

• ສີ
  • ນີ້ແມ່ນສີທີ່ font ຈະສະແດງໃນຫນ້າຈໍ.
• ຂະຫນາດ
  • ນີ້ແມ່ນວິທີການຂະຫນາດໃຫຍ່ຫຼືຂະຫນາດນ້ອຍທີ່ຈະເຮັດຫນ້າຈໍໃນຫນ້າຈໍ.
• ໃບຫນ້າ
  • ນີ້ແມ່ນຄອບຄົວຕົວອັກສອນ, ສິ່ງທີ່ມັກຈະເອີ້ນວ່າຕົວອັກສອນທີ່ແທ້ຈິງ.

Font Colors

ການປ່ຽນແປງສີຂອງຂໍ້ຄວາມ, ພຽງແຕ່ນໍາໃຊ້ຄຸນລັກສະນະແບບ CSS CSS. ທ່ານສາມາດໃຊ້ຊື່ສີຫຼືລະຫັດເລກຖານສິບຫົກ. ເຊັ່ນດຽວກັນກັບສີທັງຫມົດໃນເວັບໄຊຕ໌, ມັນເປັນການດີທີ່ສຸດທີ່ຈະນໍາໃຊ້ ສີທີ່ປອດໄພຂອງເບົາເຊີ .

ລອງໃຊ້ຄໍເຕົ້າໄຂ່ດັ່ງຕໍ່ໄປນີ້ໃນຫນ້າເວັບຂອງທ່ານ:

ຕົວອັກສອນນີ້ມີສີແດງ
ຕົວອັກສອນນີ້ມີສີຟ້າ

Font Sizes

ໃນເວລາທີ່ທ່ານກໍານົດຂະຫນາດຕົວອັກສອນໃນເວັບທີ່ທ່ານສາມາດກໍານົດໄວ້ໃນຂະຫນາດທີ່ກ່ຽວຂ້ອງຫຼືຈະພິເສດໂດຍໃຊ້ pixels, ຊັງຕີແມັດຫຼືນິ້ວ. ຢ່າງໃດກໍ່ຕາມ, ຂະຫນາດຕົວອັກສອນທີ່ ຖືກຕ້ອງແມ່ນຖືກໃຊ້ສໍາລັບການພິມແລະບໍ່ແມ່ນສໍາລັບຫນ້າເວັບ, ບ່ອນທີ່ທຸກຄົນທີ່ເບິ່ງເວັບໄຊທ໌ຂອງທ່ານອາດມີຄວາມລະອຽດແຕກຕ່າງກັນ, ຂະຫນາດຈໍສະແດງຜົນຫຼືກໍານົດ font ທໍາມະດາ. ດັ່ງນັ້ນ, ຖ້າທ່ານເລືອກ 15px ເປັນຂະຫນາດມາດຕະຖານຂອງທ່ານ, ທ່ານອາດຈະແປກໃຈທີ່ເຫັນວ່າຂະຫນາດໃຫຍ່ຫຼືຂະຫນາດນ້ອຍຂອງທ່ານເຮັດໃຫ້ລູກຄ້າຂອງທ່ານເຮັດຫຍັງ.

ຂ້າພະເຈົ້າ ແນະນໍາໃຫ້ທ່ານໃຊ້ ems ສໍາລັບຂະຫນາດຕົວອັກສອນ . Ems ອະນຸຍາດໃຫ້ຫນ້າຂອງທ່ານຍັງສາມາດເຂົ້າເຖິງບໍ່ວ່າຜູ້ທີ່ກໍາລັງເບິ່ງມັນ, ແລະ ems ແມ່ນສໍາລັບການສະແດງຫນ້າຈໍ. ອອກຈາກ pixels ແລະຈຸດສໍາລັບການຕີພິມ. ການປ່ຽນແປງຂະຫນາດຕົວອັກສອນຂອງທ່ານ, ໃຫ້ໃສ່ຮູບແບບດັ່ງຕໍ່ໄປນີ້ໃນຫນ້າເວັບຂອງທ່ານ:

ຕົວອັກສອນນີ້ແມ່ນ 1em
ຕົວອັກສອນນີ້ແມ່ນ .75em
ຕົວອັກສອນນີ້ແມ່ນ 1.25em

Font Faces

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

ເພື່ອແກ້ໄຂບັນຫານີ້ທ່ານສາມາດກໍານົດລາຍຊື່ຊື່ໃບຫນ້າ, ແຍກໂດຍໃຊ້ສໍາລັບຕົວທ່ອງເວັບທີ່ຈະນໍາໃຊ້ຕາມລໍາດັບຄວາມຕ້ອງການ. ເຫຼົ່ານີ້ເອີ້ນວ່າ stacks font. ຈົ່ງຈໍາໄວ້ວ່າຕົວອັກສອນມາດຕະຖານໃນ PC (ເຊັ່ນ: Arial) ອາດບໍ່ເປັນມາດຕະຖານໃນ Macintosh. ດັ່ງນັ້ນ, ທ່ານຄວນຈະເບິ່ງຫນ້າຂອງທ່ານດ້ວຍເຄື່ອງທີ່ຕິດຕັ້ງຫນ້ອຍ (ແລະດີກວ່າໃນທັງສອງແພລະຕະຟອມ) ເພື່ອໃຫ້ແນ່ໃຈວ່າຫນ້າຂອງທ່ານໄດ້ຖືກອອກແບບມາເຖິງແມ່ນວ່າມີຕົວອັກສອນຫນ້ອຍ.

ຫນຶ່ງໃນໂປຣແກຣມ font ທີ່ຊື່ນຊອບຂອງຂ້ອຍແມ່ນຊຸດນີ້ແມ່ນການເກັບກໍາຕົວອັກສອນ sans-serif ແລະໃນຂະນະທີ່ geneva ແລະ arial ບໍ່ມີຄວາມຄ້າຍຄືກັນທີ່ສຸດ, ພວກມັນທັງ ມາດຕະຖານທີ່ຖືກຕ້ອງໃນ Macintosh ແລະ ຄອມພິວເຕີ Windows . ຂ້າພະເຈົ້າປະກອບມີ helvetica ແລະ helv ສໍາລັບລູກຄ້າໃນລະບົບປະຕິບັດການອື່ນໆເຊັ່ນ Unix ຫຼື Linux ທີ່ອາດບໍ່ມີຫ້ອງສະຫມຸດຕົວອັກສອນທີ່ເຂັ້ມແຂງ.

ຕົວອັກສອນນີ້ແມ່ນ sans-serif
ຕົວອັກສອນນີ້ແມ່ນ serif