ແປ້ນພິມພາສາອາຫລັບ
ຕົວອັກສອນພາສາອາຫລັບທີ່ແຕກຕ່າງກັນ: ຄູ່ມືການພິມດິຈິຕອນ
ໃນຍຸກຂອງປະສົບການຂອງຜູ້ໃຊ້ (UX) ແລະການອອກແບບການໂຕ້ຕອບ, typography ມີບົດບາດສໍາຄັນໃນການສົ່ງຂໍ້ຄວາມ. ສໍາລັບພາສາອາຫລັບ, ສິ່ງທ້າທາຍນີ້ໃຊ້ເວລາໃນມິຕິທີ່ເປັນເອກະລັກ. ການຂຽນພາສາອາຣັບເປັນຕົວສາງ, ຄ່ອງແຄ້ວ, ແລະເຊື່ອມຕໍ່ທາງປະຫວັດສາດກັບສິລະປະອັນສັກສິດຂອງ ການພິມຕົວຂຽນພາສາອາຫລັບ. ການຖ່າຍທອດຄວາມຊັບຊ້ອນພາດສະຕິກນີ້ໃສ່ຫນ້າຈໍທີ່ທັນສະໄຫມຂອງພວກເຮົາໄດ້ຮຽກຮ້ອງໃຫ້ມີການຄົ້ນຄວ້າຫຼາຍສິບປີໃນວິສະວະກໍາຂໍ້ຄວາມແລະການອອກແບບຕົວພິມ.
ໃນມື້ນີ້, ບໍ່ວ່າທ່ານກໍາລັງອອກແບບເວັບໄຊທ໌ຫຼາຍພາສາ, ຄໍາຮ້ອງສະຫມັກມືຖື, ຫຼືການໂຄສະນາການໂຄສະນາໃນຕາເວັນອອກກາງ, ຄວາມເຂົ້າໃຈ ຕົວອັກສອນພາສາອາຫລັບທີ່ແຕກຕ່າງກັນ ແມ່ນຈໍາເປັນ. ຄູ່ມືທີ່ສົມບູນແບບນີ້ຄົ້ນຫາຄອບຄົວຕົວອັກສອນແບບດັ້ງເດີມທີ່ປັບຕົວສໍາລັບການນໍາໃຊ້ດິຈິຕອນແລະຕົວອັກສອນເວັບທີ່ທັນສະໄຫມທີ່ຈໍາເປັນເພື່ອເພີ່ມປະສິດທິພາບການເບິ່ງເຫັນແລະ SEO ຂອງທ່ານ.
1. ຟອນທີ່ໄດ້ຮັບແຮງບັນດານໃຈຈາກຮູບແບບການຂຽນອັກສອນຄລາດສິກ
ຕົວອັກສອນອາຣັບຮ່ວມສະໄໝສ່ວນໃຫຍ່ແມ່ນອີງໃສ່ຮູບແບບປະຫວັດສາດທີ່ສຳຄັນຂອງ Khatt (ການຂຽນພາສາອາຣັບ). ມີສອງຄອບຄົວພື້ນຖານຕົ້ນຕໍທີ່ໂຄງສ້າງພູມສັນຖານບັນນາທິການ:
Naskh Style Fonts (The Serifs ຂອງ Arabic)
Naskh ແມ່ນຮູບແບບການອ່ານທີ່ດີເລີດ. ການອອກແບບໃນເບື້ອງຕົ້ນສໍາລັບການອ່ານສູງຂອງຕົນໃນການສໍາເນົາຫນັງສືແລະ Quran, ມັນໄດ້ຖືກ transposed ຢ່າງຊື່ສັດກັບຮູບແບບດິຈິຕອນ. ຕົວອັກສອນແບບ Naskh ຮັກສາຄວາມຄົມຊັດຂອງເສັ້ນດ້າຍໜາ ແລະບາງໆ ລັກສະນະຂອງປາກກາແບບດັ້ງເດີມ (qalam). ພວກເຂົາເຈົ້າແມ່ນທຽບເທົ່າກັບຕົວອັກສອນຕາເວັນຕົກ "Serif" (ເຊັ່ນ Times New Roman).
ຕົວຢ່າງສັນຍາລັກ: ຕົວອັກສອນ Amiri
Amiri ເປັນຟອນເວັບແຫຼ່ງເປີດທີ່ມີຄຸນນະພາບສູງທີ່ຟື້ນຟູການພິມຕົວອັກສອນທີ່ສວຍງາມຂອງເຄື່ອງພິມແຫ່ງຊາດ Bulaq ໃນປະເທດເອຢິບຕັ້ງແຕ່ຕົ້ນສະຕະວັດທີ 20. ມັນແມ່ນເຫມາະສົມສໍາລັບບົດເລື່ອງຍາວແລະວັນນະຄະດີ.
ຮູບແບບຕົວອັກສອນຄູຟີ (Geometric Sans-Serifs)
ແບບ Kufi, ແຂງ, ເປັນລ່ຽມ, ແລະໂຄງສ້າງ, ໄດ້ຮັບການປະດິດສ້າງໃຫມ່ທີ່ສວຍງາມໂດຍຜູ້ອອກແບບດິຈິຕອນ. ໂຄງສ້າງເລຂາຄະນິດທີ່ຫນັກແຫນ້ນຂອງມັນແມ່ນເຫມາະສົມຢ່າງສົມບູນສໍາລັບໂລໂກ້, ຫົວຂໍ້ບົດຄວາມ, ຍີ່ຫໍ້, ແລະການໂຕ້ຕອບຜູ້ໃຊ້ທີ່ທັນສະໄຫມ.
2. ຟອນເວັບທີ່ທັນສະໄຫມ ແລະພາສາອາຣັບ "Sans-Serifs"
ດ້ວຍການລະເບີດຂອງການອອກແບບເວັບທີ່ຕອບສະໜອງ ແລະການປັບຕົວຂອງ ເຄື່ອງໝາຍວັກຕອນ ແລະການຂຽນໃນພາສາອາຣັບ, ຜູ້ອອກແບບໄດ້ສ້າງປະເພດແບບອັກສອນໃໝ່: ຟອນອາຣັບຮ່ວມສະໄໝແບບງ່າຍດາຍ, ປົດປ່ອຍຕົວເຂົາເຈົ້າອອກຈາກຄວາມໝາຍຂອງປະຫວັດສາດ. ຫນ້າຈໍ (ໂທລະສັບສະຫຼາດ).
Cairo (ເອກະສານອ້າງອີງໃນການໂຕ້ຕອບ)
Cairo ແມ່ນໜຶ່ງໃນຕົວອັກສອນອາຣັບທີ່ນິຍົມທີ່ສຸດໃນ Google Fonts. ມັນປະສົມປະສານຈິດໃຈ geometric ຂອງ Kufi ຢ່າງສະຫລາດກັບຄວາມຫນາແຫນ້ນທີ່ຕ້ອງການສໍາລັບຫນ້າຈໍທີ່ທັນສະໄຫມ. ມັນສະຫນອງລະດັບຄວາມກວ້າງຂອງນ້ໍາຫນັກ (ແສງສະຫວ່າງ, ປົກກະຕິ, ກ້າຫານ, ສີດໍາ), ເຊິ່ງຫາຍາກແລະມີຄຸນຄ່າສໍາລັບລໍາດັບຊັ້ນຂອງເວັບໄຊທ໌.
Tajawal ແລະ Montserrat Arabic
Tajawal ສະຫນອງຄວາມສົມດຸນທີ່ສົມບູນແບບລະຫວ່າງຄວາມງາມຂອງນ້ໍາແລະເລຂາຄະນິດທີ່ສະອາດ. ຟອນນ້ໍາເຫຼົ່ານີ້ອະນຸຍາດໃຫ້ອ່ານສະດວກສະບາຍໃນເມນູນໍາທາງ, dashboards, ແລະຄໍາຮ້ອງສະຫມັກມືຖືໂດຍບໍ່ມີການເມື່ອຍຕາຂອງຜູ້ໃຊ້.
ການປຽບທຽບຕົວອັກສອນ Arabic ໃນ Google Fonts
ເພື່ອແນະນໍາທ່ານໃນການເລືອກຕົວພິມທີ່ເຫມາະສົມສໍາລັບເວັບໄຊທ໌ຫຼືຄໍາຮ້ອງສະຫມັກຂອງທ່ານ, ນີ້ແມ່ນຕາຕະລາງສະຫຼຸບຂອງຕົວອັກສອນຟຣີທີ່ເຮັດວຽກທີ່ດີທີ່ສຸດ:
| ຊື່ຟອນ | ຮູບແບບພື້ນຖານ | ຈໍານວນຂອງນ້ໍາຫນັກ | ການນໍາໃຊ້ທີ່ແນະນໍາ | UX Rendering / Readability |
|---|---|---|---|---|
| ໄຄໂຣ | ຄູຟີສະໄໝໃໝ່ | 9 (ຈາກບາງໄປຫາສີດໍາ) | ຫົວຂໍ້, ເມນູ, ແອັບພລິເຄຊັນມືຖື | ⭐⭐⭐⭐⭐ (ດີເລີດໃນຫນ້າຈໍ) |
| ອາມີຣີ | Naskh ຄລາສິກ | 4 (ປົກກະຕິ, ຕົວອຽງ, ຕົວໜາ) | ບົດຄວາມທີ່ມີຄຸນສົມບັດ, poetry, ປຶ້ມ | ⭐⭐⭐⭐⭐ (ເຫມາະສໍາລັບຂໍ້ຄວາມທີ່ຫນາແຫນ້ນ) |
| Tajawal | Sans-serif Lineal | 7 (ຈາກແສງໄປເປັນສີດໍາ) | ວັກເວັບ, e-commerce | ⭐⭐⭐⭐ (ນໍ້າຫຼາຍ) |
| IBM Plex Sans Arabic | ດ້ານວິຊາການ / ເປັນກາງ | 7 ນ້ໍາຫນັກ | ເວັບໄຊທ໌ຂ່າວ, ການໂຕ້ຕອບເຕັກໂນໂລຢີ | ⭐⭐⭐⭐⭐ (ຄວາມຊັດເຈນຂອງການຜ່າຕັດ) |
3. Arabic Typography ແລະ SEO: ກົດລະບຽບການເຊື່ອມໂຍງເວັບ
ການເລືອກແລະການຕັ້ງຄ່າດ້ານວິຊາການຂອງຕົວອັກສອນ Arabic ຂອງທ່ານໂດຍກົງມີອິດທິພົນຕໍ່ການເພີ່ມປະສິດທິພາບຂອງເຄື່ອງຈັກຊອກຫາທໍາມະຊາດ (SEO) ແລະອັດຕາການປ່ຽນແປງຂອງທ່ານ:
- ຈັດການໄລຍະຫ່າງແຖວສະເໝີ (ເສັ້ນຄວາມສູງ): ຕົວອັກສອນອາຣາບິກມີການອອກສຽງເທິງ ແລະລຸ່ມ (ຕົວຂຶ້ນສູງ ແລະຕົວລົງ) ຫຼາຍກວ່າຕົວອັກສອນລາຕິນ. ຕົວອັກສອນພາສາອາຫລັບຕ້ອງການ
line-heightຕ່ຳສຸດຈາກ 1.6 ຫາ 1.8 ໃນ CSS ເພື່ອປ້ອງກັນບໍ່ໃຫ້ແຖວທັບຊ້ອນກັນ ແລະກາຍເປັນທີ່ຜິດກົດໝາຍ. - ເພີ່ມຂະໜາດຕົວໜັງສືເລັກນ້ອຍ (font-size): ໃນຂະໜາດທີ່ເທົ່າກັນ (ເຊັ່ນ: 14px), ຕົວອັກສອນພາສາອາຣັບຈະມີລັກສະນະນ້ອຍກວ່າ ແລະສັບສົນກວ່າຕົວອັກສອນລາຕິນ. ເພື່ອຮັບປະກັນຄະແນນການເຂົ້າເຖິງມືຖືທີ່ດີ (Google's Core Web Vitals), ໃຫ້ຕັ້ງວັກອາຣັບຂອງທ່ານຢ່າງໜ້ອຍ 16px ຫຼື 17px.
- ເພີ່ມປະສິດທິພາບການໂຫຼດ (ການສະແດງຕົວອັກສອນ): ໄຟລ໌ຟອນພາສາອາຣັບທີ່ສົມບູນຈະລວມເອົາພັນຂອງ glyphs ແລະສາຍ Unicode ທີ່ຊັບຊ້ອນ. ພວກມັນມັກຈະຫນັກ (ບາງຄັ້ງຫຼາຍ megabytes). ໃຊ້ຄໍາແນະນໍາ CSS
font-display: swap;ເພື່ອຫຼີກເວັ້ນການຂັດຂວາງການສະແດງຂໍ້ຄວາມເບື້ອງຕົ້ນໃນຂະນະທີ່ໄຟລ໌ font ກໍາລັງໂຫລດ.
ຄຳຖາມທີ່ຖາມເລື້ອຍໆ (FAQ)
ມີຕົວອັກສອນ "Web-Safe" ເລີ່ມຕົ້ນສໍາລັບພາສາອາຫລັບບໍ?
ແມ່ນແລ້ວ. ຖ້າເຈົ້າບໍ່ຢາກໂຫລດຟອນພາຍນອກ (Google Fonts), ລະບົບປະຕິບັດການຈະລວມເອົາຕົວອັກສອນທີ່ໜ້າເຊື່ອຖືໄດ້: Arial, Tahoma, ແລະ Times New Roman ມີຕົວອັກສອນອາຣັບພື້ນເມືອງທີ່ດີເລີດ. Windows ຍັງປະກອບມີຕົວອັກສອນອ້າງອີງແບບດັ້ງເດີມ Arabic. ໃນ CSS, ປະກາດສະເໝີ: font-family: 'Cairo', Tahoma, Arial, sans-serif;.
ເປັນຫຍັງແບບຕົວອຽງຈຶ່ງທໍ້ຖອຍໃຈໃນການພິມຕົວອັກສອນອາຣັບ?
Italics ແມ່ນແນວຄວາມຄິດຂອງຕາເວັນຕົກຢ່າງແທ້ຈິງ. ເນື່ອງຈາກການຂຽນພາສາອາຣັບເປັນຕົວກະພິບ ແລະ ຫຍໍ້ມາຈາກທຳມະຊາດແລ້ວ, ການບັງຄັບໃຫ້ມີການເລື່ອນທຽມຜ່ານລະຫັດ CSS (font-style: italic) ບິດເບືອນຄວາມງາມຕາມທຳມະຊາດຂອງການເຊື່ອມຕໍ່ຕົວອັກສອນ ແລະ ເຮັດໃຫ້ການອ່ານໄດ້ຫຼຸດລົງຢ່າງຮ້າຍແຮງ. ຕ້ອງການໃຊ້ຕົວໜາ (font-weight) ຫຼືການປ່ຽນສີເພື່ອເນັ້ນໃສ່ຄຳສັບໃດໜຶ່ງ.
ເຈົ້າຈັບຄູ່ (ການຈັບຄູ່ຕົວອັກສອນ) ຕົວອັກສອນລາຕິນ ແລະ ຕົວອັກສອນອາຣັບແນວໃດ?
ກົດລະບຽບທອງແມ່ນເພື່ອໃຫ້ກົງກັບຈິດໃຈຂອງໂຄງສ້າງ. ຖ້າຫົວຂໍ້ຂອງທ່ານໃນພາສາອັງກິດໃຊ້ຕົວອັກສອນ Sans-Serif ເລຂາຄະນິດ (ເຊັ່ນ: Montserrat ຫຼື Helvetica), ຈັບຄູ່ມັນກັບຕົວອັກສອນອາຫລັບເລຂາຄະນິດທີ່ທັນສະໄຫມ (ເຊັ່ນ Cairo ຫຼື Tajawal). ຖ້າທ່ານໃຊ້ຕົວອັກສອນ Serif ແບບວັນນະຄະດີ (ເຊັ່ນ: ຈໍເຈຍ), ຈັບຄູ່ກັບຕົວອັກສອນແບບ Naskh (ເຊັ່ນ Amiri).
ເຄື່ອງມືອາຣັບທີ່ແນະນຳ & ຊັບພະຍາກອນ
ເຄື່ອງມືອອນໄລນ໌ທີ່ຈໍາເປັນເພື່ອປັບປຸງການພິມ, ການແປພາສາແລະການຮຽນຮູ້ຂອງທ່ານອາຣາບີ:
- ແປ້ນພິມອາຣາບິກອອນໄລນ໌ – ພິມຕົວອັກສອນອາຣັບໄດ້ຢ່າງງ່າຍດາຍດ້ວຍແປ້ນພິມສະເໝືອນສະຫຼາດຂອງພວກເຮົາ.
- ນັກແປພາສາອາຣັບອອນລາຍ – ແປຄຳສັບ, ປະໂຫຍກ ແລະຂໍ້ຄວາມອາຣັບທັນທີ.
- ຕົວປ່ຽນຂໍ້ຄວາມພາສາອາຣາບິກ – ແກ້ໄຂການສ້າງຕົວໜັງສືອາຣາບິກ ແລະທິດທາງສຳລັບການອອກແບບ ແລະການແກ້ໄຂເຄື່ອງມື.
ສະຫຼຸບ
ການຮຽນຮູ້ຟອນພາສາອາຣາບິກທີ່ແຕກຕ່າງກັນ ເປັນທັກສະອັນລ້ຳຄ່າໃນສີ່ແຍກຂອງສິລະປະພື້ນເມືອງ ແລະວິສະວະກຳເວັບທັນສະໄໝ. ໂດຍການເລືອກຕົວອັກສອນທີ່ປັບຕົວເຂົ້າກັບສື່ກາງຂອງທ່ານ (Naskh ຄລາສສິກເພື່ອຄວາມສະດວກສະບາຍໃນບັນນາທິການຫຼື Kufi ງ່າຍດາຍສໍາລັບການໂຕ້ຕອບທີ່ທັນສະໄຫມ), ແລະປັບຂະຫນາດແລະເສັ້ນຫ່າງໆໃນ CSS, ທ່ານຈະສະເຫນີປະສົບການຜູ້ໃຊ້ທີ່ບໍ່ມີປະໂຫຍດ. typography ປົກກະຕິຮັກສາຜູ້ເຂົ້າຊົມ, ເຮັດໃຫ້ການອ່ານກ້ຽງ, ແລະປະກອບເປັນ lever ມີອໍານາດສໍາລັບຜົນສໍາເລັດຂອງຍຸດທະສາດດິຈິຕອນສາກົນຂອງທ່ານ.
ເພື່ອເລີ່ມຕົ້ນການພິມແລະການປະຕິບັດໃນທັນທີ, ໃຫ້ພະຍາຍາມ ແປ້ນພິມອາຣັບຟຣີອອນໄລນ໌.