Email ຕົວອັກສອນທີ່ປອດໄພແລະ HTML ຕົວອັກສອນ Email ການປະຕິບັດທີ່ດີທີ່ສຸດ
ທ່ານໄດ້ຍິນຄໍາຮ້ອງທຸກຂອງຂ້ອຍກ່ຽວກັບການຂາດຄວາມກ້າວຫນ້າໃນການສະຫນັບສະຫນູນທາງອີເມລ໌ໃນຫລາຍປີທີ່ຜ່ານມາ, ດັ່ງນັ້ນຂ້ອຍຈະບໍ່ໃຊ້ເວລາ (ຫຼາຍເກີນໄປ) ທີ່ໃຊ້ເວລາ whining ກ່ຽວກັບມັນ. ຂ້າພະເຈົ້າພຽງແຕ່ປາດຖະຫນາວ່າຫນຶ່ງລູກຄ້າອີເມລ໌ຂະຫນາດໃຫຍ່ (app ຫຼືຕົວທ່ອງເວັບ), ຈະແຕກອອກຈາກຊອງແລະພະຍາຍາມທີ່ຈະສະຫນັບສະຫນູນຢ່າງເຕັມທີ່ສະບັບຫລ້າສຸດຂອງ. HTML ແລະ CSS. ຂ້າພະເຈົ້າບໍ່ມີຄວາມສົງໃສວ່າຫລາຍສິບລ້ານໂດລາຖືກໃຊ້ໂດຍບໍລິສັດເພື່ອປັບອີເມວຂອງພວກເຂົາ.
ນັ້ນແມ່ນເຫດຜົນທີ່ວ່າມັນເປັນສິ່ງທີ່ດີທີ່ຈະມີບໍລິສັດເຊັ່ນ Uplers ຜູ້ທີ່ຢູ່ເທິງສຸດຂອງທຸກໆດ້ານຂອງການອອກແບບອີເມວ. ໃນ infographic ຫຼ້າສຸດນີ້, ທີມງານຈະນໍາທ່ານຜ່ານຕົວພິມແລະວິທີການທີ່ແຕກຕ່າງກັນ fonts ແລະຄຸນລັກສະນະຂອງພວກມັນສາມາດຖືກນໍາໄປໃຊ້ເພື່ອປັບແຕ່ງອີເມວຂອງທ່ານ.
ການນໍາໃຊ້ຕົວອັກສອນທີ່ກໍາຫນົດເອງໃນອີເມວ
ການນໍາໃຊ້ຕົວອັກສອນພາຍນອກສາມາດເປັນສິ່ງທ້າທາຍຫຼາຍກ່ວາໃນການອອກແບບເວັບໄຊຕ໌ມາດຕະຖານເນື່ອງຈາກການສະຫນັບສະຫນູນທີ່ແຕກຕ່າງກັນໃນທົ່ວລູກຄ້າອີເມວ. ຢ່າງໃດກໍ່ຕາມ, ມັນຍັງເປັນໄປໄດ້ທີ່ຈະລວມເອົາຕົວອັກສອນພາຍນອກເຂົ້າໄປໃນອີເມວຂອງທ່ານສໍາລັບລູກຄ້າທີ່ສະຫນັບສະຫນູນພວກເຂົາ, ໃນຂະນະທີ່ສະຫນອງຕົວອັກສອນທີ່ຫຼຸດລົງສໍາລັບຜູ້ທີ່ບໍ່ມີ.
60% ຂອງລູກຄ້າອີເມລ໌ໃນປັດຈຸບັນສະຫນັບສະຫນູນຟອນແບບກໍານົດເອງທີ່ໃຊ້ໃນການອອກແບບອີເມວຂອງທ່ານລວມທັງ AOL Mail, Native Android Mail App (ບໍ່ແມ່ນ Gmail), Apple Mail, iOS Mail, Outlook 200, Outlook.com, ແລະອີເມລ໌ Safari.
ເນີນສູງ
A ການຖອຍຫລັງ font ເປັນຟອນສໍາຮອງທີ່ລູກຄ້າອີເມວສາມາດສະແດງໄດ້ໃນກໍລະນີທີ່ມັນບໍ່ສາມາດສະແດງຕົວອັກສອນຕົ້ນຕໍ (ພາຍນອກ). ນີ້ຮັບປະກັນວ່າອີເມວຂອງທ່ານຍັງສາມາດອ່ານໄດ້ແລະຮັກສາຮູບລັກສະນະທີ່ຕັ້ງໄວ້ຂອງຕົນຢ່າງໃກ້ຊິດເທົ່າທີ່ເປັນໄປໄດ້ໃນທົ່ວສະພາບແວດລ້ອມການເບິ່ງທີ່ແຕກຕ່າງກັນ.
- ເລືອກຕົວອັກສອນພາຍນອກຂອງເຈົ້າ: ເລືອກຟອນພາຍນອກທີ່ທ່ານຕ້ອງການໃຊ້. ນີ້ອາດຈະມາຈາກການບໍລິການເຊັ່ນ Google Fonts ຫຼື font ທີ່ໂຮດຢູ່ໃນເຄື່ອງແມ່ຂ່າຍເວັບຂອງທ່ານ.
- ລວມເອົາຕົວອັກສອນໃນ HTML ອີເມວຂອງທ່ານ: ສໍາລັບລູກຄ້າອີເມລ໌ທີ່ສະຫນັບສະຫນູນມັນ, ທ່ານຈະເຊື່ອມຕໍ່ກັບຕົວອັກສອນພາຍນອກຢູ່ໃນ
<head>
ຂອງອີເມວ HTML ຂອງທ່ານ. ຢ່າງໃດກໍຕາມ, ລູກຄ້າອີເມວຈໍານວນຫຼາຍບໍ່ອະນຸຍາດໃຫ້ເຊື່ອມຕໍ່ກັບຊັບພະຍາກອນພາຍນອກສໍາລັບເຫດຜົນດ້ານຄວາມປອດໄພ. ແທນທີ່ຈະ, ທ່ານອາດຈະລວມເອົາຕົວອັກສອນເປັນຕົວເຊື່ອມຕໍ່ເພື່ອຫວັງວ່າລູກຄ້າ webmail ທີ່ອະນຸຍາດໃຫ້ເຊື່ອມຕໍ່ພາຍນອກຈະສະແດງມັນ. - ລະບຸຕົວອັກສອນ Fallback: ເລືອກຟອນທີ່ປອດໄພໃນເວັບທີ່ມີລັກສະນະຄ້າຍຄືກັນກັບຟອນພາຍນອກຂອງເຈົ້າ. ເຫຼົ່ານີ້ຄວນຈະເປັນຄອບຄົວຕົວອັກສອນທົ່ວໄປທີ່ຕິດຕັ້ງໄວ້ລ່ວງໜ້າໃນທົ່ວອຸປະກອນ ແລະ ລະບົບປະຕິບັດການສ່ວນໃຫຍ່.
- ໃຊ້ Inline CSS ສໍາລັບຄໍານິຍາມຮູບແບບ: ເນື່ອງຈາກການສະຫນັບສະຫນູນ CSS ຈໍາກັດໃນລູກຄ້າອີເມວຈໍານວນຫຼາຍ, ມັນເປັນການປະຕິບັດທີ່ດີທີ່ສຸດທີ່ຈະໃຊ້ CSS ໃນແຖວເພື່ອກໍານົດຮູບແບບຂອງທ່ານ, ລວມທັງຄອບຄົວຕົວອັກສອນ.
ຕົວຢ່າງ:
ສົມມຸດວ່າທ່ານຕ້ອງການໃຊ້ຕົວອັກສອນພາຍນອກ ເປີດ Sans ຈາກ Google Fonts, ໂດຍມີ Arial ແລະ sans-serif ເປັນຕົວຫຍໍ້. ນີ້ແມ່ນວິທີທີ່ທ່ານອາດຈະພະຍາຍາມມັນ:
<!DOCTYPE html>
<html>
<head>
<title>Email with External Font</title>
<!-- Attempt to include external font - not supported by all email clients -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
</head>
<body>
<div style="font-family: 'Open Sans', Arial, sans-serif; font-size: 16px;">
Hello, this is a sample text using Open Sans, with Arial and sans-serif as fallbacks.
</div>
</body>
</html>
ການພິຈາລະນາທີ່ ສຳ ຄັນ:
- ສະຫນັບສະຫນູນລູກຄ້າອີເມວ: ລູກຄ້າອີເມລ໌ຈໍານວນຫຼາຍ, ໂດຍສະເພາະແມ່ນ desktop ເຊັ່ນ Microsoft Outlook, ບໍ່ສະຫນັບສະຫນູນຕົວອັກສອນພາຍນອກ. ລູກຄ້າທີ່ອີງໃສ່ເວັບເຊັ່ນ Gmail ໄດ້ຮັບການສະຫນັບສະຫນູນທີ່ດີກວ່າ, ແຕ່ຂໍ້ຈໍາກັດຍັງມີຢູ່.
- Fallback Fonts: ເຫຼົ່ານີ້ແມ່ນສໍາຄັນສໍາລັບການຮັບປະກັນວ່າອີເມລ໌ຂອງທ່ານຍັງຄົງເປັນປະໂຫຍດແລະຄວາມງາມໃນລູກຄ້າທັງຫມົດ. ລໍາດັບໃນ
font-family
ຮູບແບບແມ່ນມາຈາກຕົວອັກສອນທີ່ຕ້ອງການຫຼາຍທີ່ສຸດໄປຫານ້ອຍທີ່ສຸດ, ສິ້ນສຸດດ້ວຍຄອບຄົວທົ່ວໄປ (sans-serif
orserif
). - ການທົດສອບ: ສະເຫມີທົດສອບອີເມວ HTML ຂອງທ່ານໃນທົ່ວລູກຄ້າອີເມວຕ່າງໆເພື່ອເບິ່ງວ່າພວກເຂົາສະແດງແນວໃດ. ເຄື່ອງມືເຊັ່ນ: Litmus ຫຼື Email on Acid ສາມາດຊ່ວຍໃນເລື່ອງນີ້ໄດ້.
ສໍາລັບການຂາຍແລະການຕະຫຼາດອີເມວ, ການອຸທອນທາງສາຍຕາສາມາດສົ່ງຜົນກະທົບຕໍ່ປະສິດທິຜົນຂອງຂໍ້ຄວາມຢ່າງຫຼວງຫຼາຍ. ໃນຂະນະທີ່ການນໍາໃຊ້ຕົວອັກສອນພາຍນອກທີ່ເປັນເອກະລັກສາມາດຊ່ວຍໃຫ້ອີເມລ໌ຂອງທ່ານໂດດເດັ່ນ, ມັນເປັນສິ່ງຈໍາເປັນເພື່ອຮັບປະກັນວ່າຕົວອັກສອນຫຍໍ້ຂອງທ່ານຮັກສາຄຸນນະພາບທີ່ເປັນມືອາຊີບແລະສາມາດອ່ານໄດ້ທີ່ຈໍາເປັນເພື່ອໃຫ້ຂໍ້ຄວາມຂອງທ່ານໄດ້ຮັບຢ່າງມີປະສິດທິພາບ.
ມີ 4 ປະເພດຕົວອັກສອນທີ່ໃຊ້ໃນອີເມວ
- Serif - ຕົວອັກສອນ Serif ມີຕົວອັກສອນທີ່ມີຄວາມຈະເລີນຮຸ່ງເຮືອງ, ຈຸດ, ແລະຮູບຮ່າງຢູ່ປາຍຂອງເສັ້ນເລືອດຕັນ. ພວກມັນມີລັກສະນະທີ່ເປັນທາງການ, ຕົວອັກສອນທີ່ມີຊ່ອງຫວ່າງດີ ແລະໄລຍະຫ່າງແຖວ, ປັບປຸງການອ່ານໄດ້ຢ່າງຫຼວງຫຼາຍ. ຕົວອັກສອນທີ່ນິຍົມທີ່ສຸດໃນປະເພດນີ້ແມ່ນ Times, Georgia, ແລະ MS Serif.
- Sans Serif - ຕົວອັກສອນ Sans serif ແມ່ນຄ້າຍຄືປະເພດກະບົດທີ່ຢາກສ້າງຄວາມປະທັບໃຈຂອງຕົນເອງແລະບໍ່ມີເຄື່ອງປະດັບທີ່ແປກປະຫຼາດຕິດຢູ່. ພວກເຂົາມີລັກສະນະເຄິ່ງທາງການ, ເຊິ່ງສົ່ງເສີມການປະຕິບັດຫຼາຍກວ່າລັກສະນະ. ຕົວອັກສອນທີ່ນິຍົມທີ່ສຸດໃນປະເພດນີ້ແມ່ນ Arial, Tahoma, Trebuchet MS, Open Sans, Roboto, ແລະ Verdana.
- Monogram - ໄດ້ຮັບການດົນໃຈຈາກຕົວອັກສອນພິມດີດ, ຕົວອັກສອນເຫຼົ່ານີ້ມີຕັນຫຼື 'ຝາອັດປາກຂຸມ' ໃນຕອນທ້າຍຂອງຕົວອັກສອນ. ເຖິງແມ່ນວ່າບໍ່ຄ່ອຍຈະຖືກນໍາໃຊ້ໃນອີເມວ HTML, ອີເມວຂໍ້ຄວາມທໍາມະດາ 'backback' ສ່ວນໃຫຍ່ໃນອີເມວ MultiMIME ໃຊ້ຕົວອັກສອນເຫຼົ່ານີ້. ການອ່ານອີເມວໂດຍໃຊ້ຕົວອັກສອນເຫຼົ່ານີ້ໃຫ້ຄວາມຮູ້ສຶກບໍລິຫານທີ່ກ່ຽວຂ້ອງກັບເອກະສານຂອງລັດຖະບານ. Courier ແມ່ນຕົວອັກສອນທີ່ໃຊ້ທົ່ວໄປທີ່ສຸດໃນປະເພດນີ້.
- ອັກສອນສາດ - ການຮຽນແບບຕົວອັກສອນທີ່ຂຽນດ້ວຍມືໃນອະດີດ, ສິ່ງທີ່ກໍານົດຕົວອັກສອນເຫຼົ່ານີ້ແຕກຕ່າງກັນແມ່ນການເຄື່ອນໄຫວທີ່ມີລັກສະນະຂອງແຕ່ລະປະຕິບັດຕາມ. ຕົວອັກສອນເຫຼົ່ານີ້ມີຄວາມມ່ວນຫຼາຍທີ່ຈະອ່ານໃນສື່ທີ່ເຫັນໄດ້ຊັດເຈນ, ແຕ່ການອ່ານພວກມັນຢູ່ໃນຫນ້າຈໍດິຈິຕອນສາມາດເປັນເລື່ອງທີ່ສັບສົນຫຼາຍແລະຕາຫຼາຍ. ດັ່ງນັ້ນ, ຕົວອັກສອນດັ່ງກ່າວສ່ວນຫຼາຍແມ່ນໃຊ້ໃນຫົວຂໍ້ຫຼືໂລໂກ້ເປັນຮູບພາບຄົງທີ່.
ຕົວອັກສອນທີ່ປອດໄພໃນອີເມວປະກອບມີ Arial, Georgia, Helvetica, Lucida, Tahoma, Times, Trebuchet, ແລະ Verdana. ຟອນແບບກຳນົດເອງປະກອບມີຄອບຄົວບໍ່ຫຼາຍປານໃດ, ແລະສຳລັບລູກຄ້າທີ່ບໍ່ຮອງຮັບພວກມັນ, ມັນຈຳເປັນທີ່ຈະຕ້ອງຂຽນລະຫັດໃນຕົວໜັງສືສຳຮອງ. ດ້ວຍວິທີນີ້, ຖ້າລູກຄ້າບໍ່ສາມາດສະຫນັບສະຫນູນຕົວອັກສອນທີ່ກໍາຫນົດເອງ, ມັນຈະກັບຄືນໄປຫາຕົວອັກສອນທີ່ມັນສາມາດສະຫນັບສະຫນູນໄດ້.
Arial
font-family: Arial, sans-serif;
ຈໍເຈຍ
font-family: Georgia, serif;
helvetica
font-family: Helvetica, sans-serif;
ລູຊິດາ
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
Tahoma
font-family: Tahoma, Geneva, sans-serif;
Times
font-family: 'Times New Roman', Times, serif;
trebuchet
font-family: 'Trebuchet MS', sans-serif;
Verdana
font-family: Verdana, Geneva, sans-serif;
ເພື່ອເບິ່ງລາຍລະອຽດເພີ່ມເຕີມ, ໃຫ້ແນ່ໃຈວ່າອ່ານ Omnisend ຂອງ ບົດຄວາມ:
ສົ່ງອີເມວແບບປອດໄພທຽບກັບຕົວອັກສອນທີ່ ກຳ ຫນົດເອງ: ສິ່ງທີ່ທ່ານ ຈຳ ເປັນຕ້ອງຮູ້ກ່ຽວກັບພວກມັນ
ໃຫ້ແນ່ໃຈວ່າຄລິກຜ່ານຖ້າທ່ານຕ້ອງການພົວພັນກັບ infographic.