บล็อก

ตัวหนาแบบ Unicode ในโพสต์: เมื่อใดใช้ได้ เมื่อใดเป็นผลเสีย และควรใช้อะไรแทน

ตัวอักษรหนาและเอียงที่คนวางลงในไบโอและคำบรรยายนั้นเป็นสัญลักษณ์คณิตศาสตร์ บทความนี้อธิบายว่าสิ่งนี้มีผลอย่างไรกับโปรแกรมอ่านหน้าจอ การค้นหา และจำนวนอักขระ เมื่อใดการใช้คำหนึ่งหรือสองคำก็ใช้ได้ และมีตัวเลือกที่ดีกว่าอะไรบ้าง

สร้างด้วย Hermoso

คุณคงเคยเห็นในไบโอ หัวข้อ LinkedIn และคำบรรยาย: คำที่เขียนด้วย 𝐛𝐨𝐥𝐝 หรือ 𝘪𝘵𝘢𝘭𝘪𝘤 ในที่ที่ไม่มีปุ่มตัวหนา มันเป็นเทคนิคที่เจ๋งดี และเรายังทำเครื่องมือสร้างตัวหนาและตัวเอียงฟรีไว้ให้ด้วย แต่เทคนิคนี้มีต้นทุนที่มองข้ามได้ง่ายเพราะคุณมองไม่เห็น บทความนี้อธิบายว่าตัวอักษรเหล่านั้นคืออะไรจริงๆ ใครเป็นผู้จ่ายต้นทุน และเมื่อไรจึงคุ้มค่า

ไม่ใช่ตัวอักษรในฟอนต์อื่น

ตัวหนาจริงคือการจัดรูปแบบ ตัวอักษร H ยังคงเป็น H ธรรมดา และแอปได้รับคำสั่งให้วาดให้หนาขึ้น ช่องข้อความธรรมดาไม่สามารถส่งคำสั่งนั้นได้ เครื่องมือสร้างจึงทำอย่างอื่น คือแทนที่แต่ละตัวอักษรด้วยอักขระอื่นที่มีรูปร่างเหมือนตัวหนา

อักขระเหล่านั้นมาจากบล็อก Unicode ชื่อ Mathematical Alphanumeric Symbols ตั้งแต่ U+1D400 ถึง U+1D7FF บล็อกนี้มีไว้สำหรับคณิตศาสตร์ ที่ซึ่ง x ตัวหนาและ x ตัวเอียงอาจหมายถึงสิ่งต่างกัน ผังของ Unicode เองสำหรับบล็อกนี้ระบุว่ามีไว้เพื่ออะไร และไม่ได้มีไว้เพื่ออะไร: ใช้สำหรับตัวแปรทางคณิตศาสตร์ที่รูปแบบตัวอักษรมีความหมายสำคัญ สำหรับข้อความทั่วไป ให้ใช้อักษรละตินและกรีกมาตรฐานพร้อมการจัดรูปแบบ

ดังนั้นคำว่า 𝐇𝐞𝐥𝐥𝐨 คือสัญลักษณ์ห้าตัว ตัวแรกชื่อ MATHEMATICAL BOLD CAPITAL H ทุกอย่างด้านล่างมาจากข้อเท็จจริงนี้

ใครได้รับผลกระทบ

ผู้ที่ใช้โปรแกรมอ่านหน้าจอ

โปรแกรมอ่านหน้าจอจะอ่านข้อความออกเสียง มันรู้ว่าต้องทำอย่างไรกับตัวอักษร H สิ่งที่มันทำกับ MATHEMATICAL BOLD CAPITAL H ขึ้นอยู่กับซอฟต์แวร์และการตั้งค่า Section508.gov โปรแกรมด้านการเข้าถึงของรัฐบาลสหรัฐฯ สรุปไว้ง่ายๆ ว่า "โปรแกรมอ่านหน้าจออาจประสบปัญหาในการระบุอักขระพิเศษได้อย่างถูกต้อง ดังนั้นควรหลีกเลี่ยงการใช้อักขระเหล่านี้ในโพสต์โซเชียลมีเดีย" คำที่จัดรูปแบบอาจถูกอ่านทีละสัญลักษณ์ หรือถูกข้ามไป และประโยคที่จัดรูปแบบทั้งประโยคแย่กว่าคำเดียว

คนที่ค้นหาคุณ

ตัวอักษรที่จัดรูปแบบเป็นอักขระคนละตัวกับตัวธรรมดา การค้นหาคำธรรมดาจึงอาจไม่ตรงกับมัน Unicode บันทึกไว้ว่าสัญลักษณ์เหล่านี้แต่ละตัวคือรูปแบบฟอนต์ของตัวอักษรปกติ ในรูปแบบการแมปความเข้ากันได้ในUnicode Character Database ซอฟต์แวร์ที่ใช้การทำ NFKC normalization จะแปลงกลับเป็นตัวอักษรธรรมดา แล้วการค้นหาจึงทำงานได้ ว่าแอปใดทำเช่นนั้นหรือไม่ขึ้นอยู่กับแอปนั้น นี่ไม่ใช่สิ่งที่ควรเสี่ยงกับชื่อแบรนด์ ชื่อสินค้า หรือแฮชแท็กที่คุณอยากให้คนค้นเจอ

จำนวนอักขระของคุณ

เกือบทุกตัวอักษรที่จัดรูปแบบอยู่นอกส่วนของ Unicode ที่ข้อความส่วนใหญ่ใช้ ดังนั้นจึงใช้ 2 หน่วยโค้ด UTF-16 ในขณะที่ตัวอักษรธรรมดาใช้ 1 และใช้ 4 ไบต์ UTF-8 ในขณะที่ตัวอักษรธรรมดาใช้ 1 (ตัวจำนวนน้อยที่ยืมมาจากบล็อก Letterlike Symbols เช่น h เล็กเอียง ใช้ 1 หน่วยโค้ดและ 3 ไบต์) ลองดู Summer Sale มี 11 อักขระ คือ 10 ตัวอักษรและหนึ่งช่องว่าง ในตัวหนาแบบ Unicode จะได้ 10 × 2 + 1 = 21 หน่วยโค้ด ช่องที่นับหน่วยโค้ดจะเห็นเกือบเป็นสองเท่า ช่องที่นับอักขระจะเห็น 11 แอปต่างกันนับต่างกัน ซึ่งเป็นเหตุผลที่เครื่องมือของเราแสดงตัวเลขทั้งสองแบบ

ผู้ที่อุปกรณ์ไม่มีฟอนต์

หากโทรศัพท์หรือคอมพิวเตอร์ไม่มีฟอนต์ที่มีสัญลักษณ์เหล่านี้ อาจแสดงเป็นกล่องว่าง การเน้นของคุณจะกลายเป็นแถวของสี่เหลี่ยม

เมื่อใดใช้ได้

ทั้งหมดนี้ไม่ได้หมายความว่าห้ามใช้เลย แต่หมายถึงใช้ในปริมาณน้อย ในที่ที่ไม่ก่อความเสียหาย:

  • คำเน้นหนึ่งหรือสองคำ ในช่องที่ไม่มีการจัดรูปแบบ เช่นป้ายหัวข้อในไบโอ
  • การตกแต่งควบคู่กับข้อมูลจริง ไม่ใช่แทนที่ หัวข้อที่จัดรูปแบบเหนือประโยคธรรมดายังทำให้ประโยคอ่านได้
  • ที่ที่คุณทดสอบแล้ว วางข้อความ แล้วตรวจว่าหน้าตาและการอ่านเป็นอย่างไรในแอปจริง

เมื่อใดเป็นผลเสีย

  • โพสต์ทั้งโพสต์หรือประโยคยาว ต้นทุนเพิ่มขึ้นตามทุกตัวอักษร
  • ทุกอย่างที่คนต้องอ่านให้ถูกต้อง: ราคา วันที่ เวลา ที่อยู่ รหัสส่วนลด คำแนะนำ ลิงก์
  • ชื่อที่คนค้นหา: ชื่อแบรนด์ ชื่อสินค้า ชื่อของคุณเอง และแฮชแท็ก
  • ชื่อที่แสดงในบัญชีที่คุณอยากให้คนค้นเจอ
  • โฆษณา แพลตฟอร์มโฆษณาให้ช่องหัวข้อที่โดดเด่นอยู่แล้ว ให้เขียนหัวข้อที่ดีกว่าแทน

ควรใช้อะไรแทน

  • การจัดรูปแบบจริง ในที่ที่มี บล็อก อีเมล เอกสาร และตัวแก้ไขโพสต์หลายตัวมีตัวหนาและตัวเอียงจริง ให้ใช้เลย การจัดรูปแบบจริงจะถูกอ่านออกมาเป็นคำที่มันเป็น
  • ตัวพิมพ์ใหญ่สำหรับหนึ่งคำ NEW หรือ TODAY ให้ความเน้นและยังคงเป็นตัวอักษรธรรมดา ใช้เพียงหนึ่งหรือสองคำ
  • โครงสร้าง บรรทัดแรกสั้นๆ การขึ้นบรรทัดใหม่ และรายการที่ใช้ขีดธรรมดา เลย์เอาต์ทำหน้าที่ส่วนใหญ่ที่คนมักใช้ตัวหนาทำ
  • อีโมจิเป็นเครื่องหมายบอกจุด ใช้พอประมาณ รายการตรวจสอบของ Section508.gov เองขอให้จำกัดจำนวนอีโมจิ และวางไว้ตรงจุดหยุดตามธรรมชาติ ไม่ใช่กลางประโยค
  • แฮชแท็กแบบ CamelCase ใช้ #SpringLaunch แทน #springlaunch รายการตรวจสอบของ Section508.gov ขอให้ตัวอักษรแรกของแต่ละคำในแฮชแท็กหลายคำเป็นตัวพิมพ์ใหญ่
  • ใส่การจัดรูปแบบไว้ในภาพหรือวิดีโอ ข้อความที่วาดลงในภาพสามารถใช้ฟอนต์ใดก็ได้ที่ต้องการ ให้พูดคำเดียวกันในคำบรรยายหรือข้อความ alt เพื่อไม่ให้ใครพลาด

หากจะใช้ ให้ทำอย่างถูกต้อง

อักษรที่จัดรูปแบบมีช่องว่าง Unicode เว้นบางช่องไว้ในบล็อกว่าง เพราะตัวอักษรเหล่านั้นมีอยู่แล้วในที่อื่น ในบล็อก Letterlike Symbols เช่น h เล็กเอียง คือ U+210E (PLANCK CONSTANT) และอักษรสคริปต์ Fraktur และ double-struck ยังมีช่องว่างอีกหลายช่อง เครื่องมือที่เพียงแค่บวกค่าชดเชยให้แต่ละตัวอักษรจะให้อักขระว่างหรือเสียหายในทุกช่องว่าง ของเราทำตามการอ้างอิงข้ามในรายการชื่อ Unicode สำหรับช่องว่าง 24 ช่องนั้นทุกช่อง และเราตรวจทุกตัวอักษรของทุกรูปแบบเทียบกับ Unicode Character Database แล้ว

นอกจากนี้ มันยังคงสิ่งที่แปลงไม่ได้ไว้ตามที่คุณพิมพ์ทุกประการ ตัวอักษรที่มีเครื่องหมายกำกับ เช่น é ไม่มีรูปแบบที่จัดรูปแบบแล้วในบล็อกนี้ และตัวเลขมีอยู่เพียงห้ารูปแบบ ดังนั้นตัวเลขเหล่านั้นจะยังคงเป็นธรรมดา

หลักการคร่าวๆ

ก่อนวางข้อความที่จัดรูปแบบ ให้ถามตัวเองว่า ถ้าข้อความนี้ถูกอ่านออกเสียงทีละสัญลักษณ์ หรือค้นหาไม่เจอ จะมีใครพลาดสิ่งสำคัญไปหรือไม่ หากใช่ ให้เก็บเป็นธรรมดา หากเป็นคำตกแต่งเพียงคำเดียวข้างประโยคธรรมดาที่ชัดเจน ก็ใช้ได้เลย

ลองใช้ได้ที่เครื่องมือสร้างตัวหนาและตัวเอียง ซึ่งแสดง 13 รูปแบบเคียงข้างกัน พร้อมจำนวนอักขระและหน่วยโค้ดใต้แต่ละรูปแบบ

Hermoso อยู่ตรงไหน

Hermoso คือเอเจนต์การตลาดด้วย AI มันค้นหาโฆษณาที่ได้ผลอยู่แล้วในตลาดของคุณ สร้างโฆษณารูปภาพและวิดีโอที่สอดคล้องกับแบรนด์ โพสต์และตั้งเวลาไปยังบัญชีโซเชียลของคุณเอง และเปิดแคมเปญโฆษณาแบบจ่ายเงินบนบัญชีโฆษณาของคุณเอง เมื่อคุณต้องการคำที่จัดรูปแบบบนวิดีโอ มันสามารถฝังคำบรรยายและ end card ในลุคที่คุณอธิบาย โดยจัดตัวอักษรจากไฟล์ฟอนต์จริง ทำให้สไตล์อยู่ในภาพ ส่วนข้อความโพสต์ยังคงเป็นธรรมดา Hermoso ใช้งานได้ในเว็บแอป หรือภายใน Claude, ChatGPT และ Cursor ผ่านเซิร์ฟเวอร์ MCP

คำถามที่พบบ่อย

ตัวหนาแบบ Unicode ไม่ดีต่อการเข้าถึงหรือไม่

อาจไม่ดีได้ ตัวอักษรเหล่านี้เป็นสัญลักษณ์คณิตศาสตร์ และ Section508.gov ระบุว่าโปรแกรมอ่านหน้าจออาจประสบปัญหาในการระบุอักขระพิเศษได้อย่างถูกต้อง และแนะนำให้หลีกเลี่ยงในโพสต์โซเชียลมีเดีย คำหนึ่งหรือสองคำเป็นต้นทุนเล็กน้อย ส่วนประโยคทั้งประโยคเป็นต้นทุนที่ใหญ่

ทำไมตัวอักษรหนาจึงนับเป็นอักขระมากกว่า

ตัวอักษรหนาแต่ละตัวอยู่นอก Basic Multilingual Plane จึงใช้ 2 หน่วยโค้ด UTF-16 และ 4 ไบต์ UTF-8 ในขณะที่ตัวอักษรธรรมดาใช้อย่างละ 1 ช่องที่นับหน่วยโค้ดจะเต็มเร็วขึ้นประมาณสองเท่า

คนสามารถค้นหาข้อความที่จัดรูปแบบของฉันเจอในการค้นหาหรือไม่

ไม่แน่นอน ตัวอักษรที่จัดรูปแบบเป็นอักขระคนละตัว ซอฟต์แวร์ที่ใช้ Unicode NFKC normalization จะแปลงกลับเป็นตัวอักษรธรรมดา แต่ว่าแอปใดทำหรือไม่ขึ้นอยู่กับแอปนั้น

ควรใช้อะไรแทนตัวหนาแบบ Unicode

ตัวหนาจริงในช่องที่รองรับ ตัวพิมพ์ใหญ่สำหรับคำเดียว การขึ้นบรรทัดใหม่และรายการเพื่อโครงสร้าง แฮชแท็กแบบ CamelCase และข้อความที่จัดรูปแบบอยู่ในภาพหรือวิดีโอ พร้อมคำเดียวกันในคำบรรยาย