WOFF Web Open Format Font

ການນໍາໃຊ້ຕົວອັກສອນທີ່ກໍານົດໄວ້ໃນຫນ້າເວັບຕ່າງໆ

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

ໃນມື້ນີ້, ຜູ້ຊ່ຽວຊານດ້ານເວັບມີໂຮດຂອງຕົວອັກສອນໃຫມ່ແລະເລືອກຕົວເລືອກທີ່ຈະເຮັດວຽກຮ່ວມກັບຫນຶ່ງໃນນັ້ນແມ່ນຮູບແບບ WOFF.

WOFF ແມ່ນຫຍັງ?

WOFF ແມ່ນຕົວຫຍໍ້ທີ່ຢືນຢັນວ່າ "Web Open Font Format". ມັນຖືກນໍາໃຊ້ເພື່ອສະກັດຕົວອັກສອນສໍາລັບໃຊ້ກັບ CSS @ font-face property. ມັນເປັນວິທີການທີ່ຈະຝັງຕົວອັກສອນໃນຫນ້າເວັບຕ່າງໆເພື່ອໃຫ້ທ່ານສາມາດໃຊ້ຕົວອັກສອນພິເສດນອກເຫນືອຈາກແບບປົກກະຕິ "Arial, Times New Roman, ຈໍເຈຍ" - ເຊິ່ງເປັນບາງໂປຣແກຣມທີ່ມີຄວາມປອດໄພໃນເວັບຕ່າງໆ.

WOFF ຖືກສົ່ງກັບ W3C ເປັນມາດຕະຖານສໍາລັບການຫຸ້ມຫໍ່ແບບຟອມສໍາລັບຫນ້າເວັບຕ່າງໆ. ມັນໄດ້ກາຍເປັນຮ່າງການເຮັດວຽກໃນວັນທີ 16 ພະຈິກ 2010. ມື້ນີ້ພວກເຮົາກໍ່ມີ WOFF 2.0, ເຊິ່ງຊ່ວຍປັບປຸງການບີບອັດຈາກຮູບແບບທໍາອິດຂອງຮູບແບບເກືອບ 30%. ໃນບາງກໍລະນີ, ເງິນຝາກປະຢັດເຫຼົ່ານີ້ອາດຈະມີຫຼາຍຂື້ນ!

ເປັນຫຍັງຕ້ອງໃຊ້ WOFF?

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

ຕົວອັກສອນ WOFF ມີຜົນປະໂຫຍດຕໍ່ໄປນີ້:

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

• ຕົວອັກສອນ WOFF ສາມາດຊ່ວຍ internationalization ເພາະວ່າທ່ານສາມາດຝັງຕົວອັກສອນທີ່ມີລັກສະນະຈາກພາສາອື່ນ.
• ເຊັ່ນດຽວກັນກັບທຸກ CSS text styled, fonts styled ກັບ WOFF ແມ່ນເຄື່ອງຈັກຊອກຫາທີ່ເປັນມິດ. ເຄື່ອງຈັກຊອກຫາບໍ່ເບິ່ງ "ຂໍ້ຄວາມ" ທີ່ຖືກຝັງຢູ່ໃນຮູບພາບ, ແລະໃນຂະນະທີ່ຂໍ້ຄວາມ ALT ສາມາດຊ່ວຍໄດ້, ມັນບໍ່ມີຕົວແທນແທນຕົວອັກສອນຕົວມັນເອງ.
• ຕົວອັກສອນ WOFF ຖືກບີບອັດ, ດັ່ງນັ້ນພວກເຂົາມີຂະຫນາດນ້ອຍກວ່າໄຟລ໌ຕົວອັກສອນອື່ນໆ. ນີ້ຈະຊ່ວຍໃຫ້ມີຄວາມໄວໃນການດາວໂຫລດເວັບໄຊແລະການປະຕິບັດໂດຍລວມ.
• ທ່ານສາມາດນໍາໃຊ້ໄຟລ໌ WOFF ເພື່ອປົກປັກຮັກສາເອກະລັກຂອງເອກະສານຂອງທ່ານໂດຍການຝັງຕົວອັກສອນຂອງອົງກອນຂອງທ່ານເປັນເອກະສານ WOFF.

WOFF Browser Support

WOFF ມີການສະຫນັບສະຫນູນຕົວທ່ອງເວັບທີ່ດີເລີດໃນຕົວທ່ອງເວັບທີ່ທັນສະໄຫມ, ລວມທັງ:

• Chrome 6+
• Firefox 36+
• Internet Explorer 9+
• Opera 111 +
• Safari 51+

ມັນໄດ້ຮັບການສະຫນັບສະຫນູນໂດຍທົ່ວໄປໃນມື້ນີ້, ໂດຍມີຂໍ້ຍົກເວັ້ນພຽງແຕ່ເປັນ Opera Mini ທັງຫມົດ.

ວິທີການໃຊ້ Fonts WOFF

ເພື່ອນໍາໃຊ້ໄຟລ໌ WOFF, ທ່ານຈໍາເປັນຕ້ອງອັບໄຟລ໌ WOFF ໄປຫາເຄື່ອງແມ່ຂ່າຍເວັບໄຊຕ໌ຂອງທ່ານ, ໃຫ້ມັນມີຊື່ທີ່ມີຄຸນສົມບັດ font @ face, ແລະຫຼັງຈາກນັ້ນໂທຫາ font ໃນ CSS ຂອງທ່ານ. ຍົກ​ຕົວ​ຢ່າງ:

1. ອັບໂຫລດຕົວອັກສອນທີ່ເອີ້ນວ່າ myWoffFont.woff ກັບໂຟເດີ / fonts ຂອງເຄື່ອງແມ່ຂ່າຍເວັບໄຊຕ໌.
2. ໃນໄຟລ໌ CSS ຂອງທ່ານຕື່ມສ່ວນ @ font-face:

   @ font-face {
   font-family: myWoffFont
   src: url ('/ fonts / myWoffFontwoff') format ('woff')
   }

1. ເພີ່ມຊື່ຂອງຕົວອັກສອນໃຫມ່ (myWoffFont) ກັບ stack font CSS ຂອງທ່ານ, ເຊັ່ນວ່າທ່ານຈະຊື່ໃດກໍ່ຕາມ:

   p {
   ຄອບຄົວຕົວອັກສອນ: myWoffFont , Geneva, Arial, Helvetica, sans-serif;
   }

ບ່ອນທີ່ຈະໄດ້ຮັບ Fonts WOFF

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

• ເປີດຫ້ອງສະຫມຸດແບບອັກສອນ
• ກະຮອກຕົວອັກສອນ

ຖ້າທ່ານມີໃບອະນຸຍາດທີ່ຈະໃຊ້ຕົວອັກສອນທີ່ບໍ່ມີຢູ່ໃນຮູບແບບ WOFF, ທ່ານສາມາດໃຊ້ຜູ້ສ້າງ WOFF ເຊັ່ນ Font Squirrel ເພື່ອແປງໄຟລ໌ຕົວອັກສອນຂອງທ່ານເຂົ້າໃນໄຟລ໌ WOFF. ນອກນັ້ນຍັງມີເຄື່ອງມືຄໍາສັ່ງທີ່ເອີ້ນວ່າ sfnt2woff ທີ່ທ່ານສາມາດໃຊ້ໃນ Macintosh ແລະ Windows ເພື່ອປ່ຽນ TrueType / OpenType fonts ຂອງທ່ານໄປ WOFF.

ດາວໂຫລດບິດທີ່ເຫມາະສົມກັບລະບົບຂອງທ່ານແລະດໍາເນີນການມັນຢູ່ໃນເສັ້ນຄໍາສັ່ງ (ຫຼື Terminal) ແລະປະຕິບັດຕາມຄໍາແນະນໍາ.

ຕົວຢ່າງ WOFF

ຕໍ່ໄປນີ້ແມ່ນຕົວຢ່າງຂອງໄຟລ໌ WOFF: WOFF ຫນ້າໃນ HTML5 ໃນ 24 ຊົ່ວໂມງ.

ບົດສະບັບຕົ້ນໂດຍ Jennifer Krynin. ແກ້ໄຂໂດຍ Jeremy Girard ທີ່ 7/11/17