งานหลายภาษา ต้องส่งต่อข้อมูลฟอนต์ให้ชัดเจนทีละภาษา

เราทดสอบ Lato, Montserrat, Noto Sans, Noto Sans JP, Noto Sans Thai, Playfair Display, Poppins และ Roboto โดยใช้ทุกตระกูลที่น้ำหนักปกติ 400 และตัวหนา 700 กับข้อความภาษาอังกฤษ สเปน ฝรั่งเศส เยอรมัน ดัตช์ อินโดนีเซีย มลายู ตากาล็อก ไทย และญี่ปุ่น หนึ่งกรณีหมายถึงการจับคู่ตระกูลฟอนต์ น้ำหนัก และภาษา ซึ่งมีพาดหัว ประโยคประกอบ และข้อความเชิญชวนให้ลงมือทำ

เวอร์ชันแรกระบุฟอนต์ที่ต้องการทดสอบ ตามด้วยฟอนต์สำรองแบบทั่วไป โดยใช้ serif สำหรับ Playfair Display และ sans-serif สำหรับอีกเจ็ดตระกูล การระบุหมวดสำรองแบบทั่วไปเปิดให้เบราว์เซอร์หาฟอนต์ที่เหมาะสมจากฟอนต์ที่ติดตั้งในเครื่อง ไม่ได้ระบุไฟล์ใดไฟล์หนึ่งที่แบรนด์จัดเตรียมไว้^[2]

แต่ละตระกูลมี 20 กรณี รวมทั้งหมด 160 กรณี ฟอนต์หกตระกูลใช้ฟอนต์ที่ติดตั้งในเครื่องตระกูลละสี่กรณี ครอบคลุมทั้งสองน้ำหนักของข้อความไทยและญี่ปุ่น ส่วน Noto Sans JP ใช้ฟอนต์ที่ติดตั้งในเครื่องในสองกรณีภาษาไทย และ Noto Sans Thai ใช้ในสองกรณีภาษาญี่ปุ่น ทุกกรณีที่เขียนด้วยอักษรละตินยังแสดงผลด้วยตระกูลฟอนต์ที่ระบุไว้

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

ในเวอร์ชันคู่เปรียบเทียบ เรายังคงฟอนต์ที่ทดสอบไว้ลำดับแรก แล้วเพิ่มฟอนต์เสริมที่ระบุชัดเจนก่อนหมวดสำรองทั่วไปเดิม เราใช้ Noto Sans สำหรับข้อความแปดภาษาที่เขียนด้วยอักษรละติน ใช้ Noto Sans Thai สำหรับภาษาไทย และ Noto Sans JP สำหรับภาษาญี่ปุ่น หากฟอนต์หลักกับฟอนต์เสริมเป็นตระกูลเดียวกัน จะระบุเพียงครั้งเดียว

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

ตัวอย่าง Lato ช่วยให้เห็นภาพชัด ที่ทั้งสองน้ำหนักที่ทดสอบ พาดหัวภาษาไทยใช้ตระกูล Thonburi ที่ติดตั้งในเครื่องในเวอร์ชันสำรองทั่วไป และใช้ Noto Sans Thai ในเวอร์ชันที่ระบุฟอนต์เสริม ส่วนพาดหัวภาษาญี่ปุ่นเปลี่ยนจาก Hiragino Kaku Gothic ProN เป็น Noto Sans JP ตัวอย่างภาษาอังกฤษและฝรั่งเศสยังใช้ Lato เหมือนเดิม

Playfair Display แสดงให้เห็นว่าการเลือกฟอนต์เสริมต้องตัดสินใจด้านการออกแบบควบคู่กับด้านเทคนิค พาดหัวภาษาญี่ปุ่นใช้ Hiragino Mincho ProN เมื่อกำหนดสำรองเป็น serif แต่เมื่อเราเพิ่ม Noto Sans JP อย่างชัดเจน ก็เปลี่ยนไปใช้ตระกูลแบบไม่มีเชิง เราพิสูจน์ได้ว่าไฟล์ใดแสดงข้อความตัวอย่าง ไม่ได้พิสูจน์ว่าคู่ฟอนต์นี้รักษาบุคลิกภาพที่ต้องการไว้

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

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

จากนั้นระบุไฟล์และน้ำหนักฟอนต์สำหรับแต่ละภาษา ข้อความเนื้อหาน้ำหนักปกติและพาดหัวตัวหนาต้องตรวจแยกกัน ในการทดลองของเรา น้ำหนัก 400 และ 700 มีอยู่จริงในไฟล์ฟอนต์ทรงตรงหรือบนแกนของฟอนต์แปรผัน และปิดการสังเคราะห์น้ำหนักตัวอักษร ตัวอย่างที่ดูหนาเพียงอย่างเดียวยังยืนยันเงื่อนไขเหล่านี้ไม่ได้

สำหรับข้อความบนเว็บที่ยังเป็นตัวอักษร ให้ผู้พัฒนาตรวจฟอนต์ที่แสดงผลจริง แทนการดูเพียงชื่อตระกูลที่กำหนดไว้ Chrome แสดงข้อมูลนี้ที่ Elements, Computed, Rendered Fonts เอกสารยังแยกฟอนต์จากการติดตั้งในเครื่องออกจากฟอนต์ที่ส่งมาทางเว็บ ซึ่งสำคัญเมื่อนักออกแบบและผู้พัฒนามีไฟล์คนละฉบับให้ใช้^[3]

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

ขั้นตอนนี้อาจเป็นการคุยสั้น ๆ ระหว่างผู้สั่งงานกับผู้ผลิตชิ้นงาน หลักฐานที่มีประโยชน์คือเวอร์ชันที่ระบุได้ชัด มีข้อความตามต้องการและการแสดงผลจริง การอนุมัติจึงอ้างถึงเวอร์ชันนั้นได้ แทนที่จะให้คนถัดไปต้องเดาว่า “ใช้ฟอนต์แบรนด์ของเรา” หมายถึงอะไร

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

แคมเปญและภาษา: [ระบุชื่อแคมเปญ ภาษา และกลุ่มเป้าหมาย] บอกว่ารายการนี้ครอบคลุมภาพโซเชียล เทมเพลตที่ครีเอเตอร์แก้ไขได้ หรือข้อความบนหน้าเว็บ ชิ้นงานต่างรูปแบบอาจใช้แนวทางภาพเดียวกัน แต่ต้องตรวจการผลิตต่างกัน

ข้อความที่อนุมัติ: [วางพาดหัว เนื้อหา และข้อความเชิญชวนฉบับตรงตามจริง] รวมถ้อยคำอื่นที่มองเห็นและต้องตรวจ ระบุเวอร์ชันข้อความที่อนุมัติ เพื่อให้เมื่อชื่อสินค้าหรือข้อเสนอเปลี่ยนในภายหลัง มีการกลับมาดูข้อความที่ได้รับผลอีกครั้ง

การกำหนดฟอนต์: [ระบุฟอนต์แรกและฟอนต์เสริมถ้ามี พร้อมไฟล์หรือเวอร์ชันที่แน่นอน และน้ำหนักสำหรับข้อความแต่ละหน้าที่] บอกว่าฟอนต์เสริมใช้กับภาษาหรือระบบอักษรใด เก็บแหล่งที่มาและใบอนุญาตที่ใช้กับไฟล์ไว้ด้วย แทนการอ้างเพียงชื่อตระกูล

การตรวจการแสดงผล: [บันทึกแอปพลิเคชันหรือเบราว์เซอร์ เวอร์ชัน แพลตฟอร์ม และฟอนต์ที่พบจริงในข้อความที่เกี่ยวข้อง] สำหรับเว็บ ให้แยกตระกูลที่กำหนดไว้จากตระกูลที่แสดงผล หากมีฟอนต์อื่นปรากฏ ให้ตัดสินก่อนอนุมัติว่าเป็นฟอนต์เสริมที่ตั้งใจไว้หรือไม่

การตรวจชิ้นงานสุดท้าย: [แนบลิงก์ไฟล์ที่ส่งออกหรือหน้าเว็บจริง พร้อมไฟล์ต้นฉบับที่แก้ไขได้] บันทึกขนาดหรือตำแหน่งที่ตรวจ และจุดตัดบรรทัดที่ต้องใส่ใจ ยืนยันว่าถ้อยคำสุดท้ายครบถ้วนและลำดับความสำคัญทางสายตายังใช้ได้ในเวอร์ชันส่งมอบ

การอนุมัติและการแก้ไขครั้งต่อไป: [ระบุผู้ตรวจและเวอร์ชันที่อนุมัติ] กำหนดว่าใครจะตรวจเมื่อเปลี่ยนพาดหัว น้ำหนัก ไฟล์ฟอนต์ หรือรูปแบบส่งมอบ การส่งต่องานที่ดีช่วยให้แก้ไขเล็กน้อยครั้งต่อไปได้ง่าย โดยไม่ถือว่าการอนุมัติภาษาอังกฤษครั้งก่อนครอบคลุมทุกภาษาที่เพิ่มมาภายหลัง

กลับมาที่ธุรกิจเสื้อผ้าสมมติ พาดหัวภาษาอังกฤษคือ “Find your next favorite piece.” ประโยคประกอบแนะนำคอลเลกชันที่มีหลายสีและหลายขนาด ตามด้วย “View the collection.” นี่คือคำภาษาอังกฤษจากข้อความตัวอย่างที่เราเขียนขึ้น นำมาใช้อธิบายการส่งต่องาน ไม่ใช่โฆษณาจริง

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

รายการสำหรับเว็บภาษาไทยระบุ Lato เป็นอันดับแรกและ Noto Sans Thai เป็นฟอนต์เสริมอย่างชัดเจน ภาษาญี่ปุ่นระบุ Lato ตามด้วย Noto Sans JP ผลการศึกษาจริงรองรับคู่ฟอนต์เหล่านี้สำหรับข้อความตัวอย่างที่ตรงกัน ที่ทั้งสองน้ำหนักในสภาพแวดล้อมของเรา ทีมสมมติยังต้องตรวจองค์ประกอบที่ได้ให้ตรงกับแนวทางภาพของตนเอง

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

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

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

ภาพที่รวมเป็นภาพเดียวกับหน้าเว็บที่ยังแก้ไขข้อความได้ส่งต่อรูปแบบตัวอักษรต่างกัน ในภาพแคมเปญ PNG รูปร่างตัวอักษรเป็นส่วนหนึ่งของภาพราสเตอร์ การเปิดดูภาพไม่ได้สั่งให้เบราว์เซอร์สร้างรูปร่างเหล่านั้นขึ้นใหม่จากการตั้งค่าตระกูลฟอนต์ของผู้สร้าง ข้อกำหนด PNG อธิบายรูปแบบที่อาศัยพิกเซลนี้ไว้^[4]

ดังนั้นการตรวจภาพควรทำกับไฟล์ที่ส่งออกจริง เปิดเวอร์ชันที่จะส่งมอบและอ่านในขนาดที่ตั้งใจให้ผู้ชมเห็น ตรวจการครอป ข้อความที่หายไป ระยะห่าง และการตัดบรรทัดหลังส่งออก หน้าทำงานที่แก้ไขได้ซึ่งเคยดูถูกต้องก่อนหน้า ยังไม่ใช่ไฟล์สุดท้ายที่ผู้ชมจะได้รับ

เทมเพลตที่แก้ไขได้ยังต้องส่งต่ออีกทอด ผู้รับอาจแทนที่ประโยค เปลี่ยนน้ำหนัก หรือเปิดงานในสภาพแวดล้อมอื่น จึงควรแนบข้อมูลฟอนต์และข้อความที่อนุมัติไว้กับต้นฉบับ เพื่อให้คนถัดไปตรวจผลหลังแก้ไขได้ ภาพหน้าจอของเวอร์ชันก่อนหน้าไม่ได้ยืนยันการแสดงผลของเวอร์ชันใหม่

ข้อความบนเว็บต้องตรวจบนหน้าที่ใช้งานจริง ชื่อตระกูลในสไตล์ชีตเป็นคำขอ ส่วนข้อมูลฟอนต์ที่แสดงผลบอกว่าเบราว์เซอร์ใช้สิ่งใดกับข้อความนั้น ผลแบบควบคุมของเราแสดงว่าทั้งสองอาจต่างกันได้ แม้ไฟล์ที่ตั้งใจใช้จะโหลดสำเร็จ จึงเป็นเหตุผลว่าการตรวจเฉพาะข้อผิดพลาดในการโหลดจะไม่พบ 28 กรณีที่ใช้ฟอนต์สำรองจากในเครื่องของเรา

การเปลี่ยนข้อความบนเว็บทั้งหมดให้เป็นภาพไม่ใช่ทางแก้ ข้อความที่ยังเป็นตัวอักษรเอื้อต่อการปรับการแสดงผล แนวทางการเข้าถึงของ W3C โดยทั่วไปให้ใช้ข้อความแทนภาพข้อความเมื่อทำรูปแบบเดียวกันได้ โดยมีข้อยกเว้นที่ระบุไว้ ควรคงเวอร์ชันข้อความที่ใช้งานได้ พร้อมกับทำข้อมูลส่งต่อฟอนต์ให้ชัดเจนขึ้น^[5]

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

เราเลือกฟอนต์แปดตระกูลอย่างเจาะจง และตรึงไฟล์ TTF ต้นฉบับฉบับเต็มจากคลัง Google Fonts ที่คอมมิต 47d54ca1ebb14fd864695f1d39dc734f39017c33 ใช้ทั้งหมดสิบไฟล์ เพราะ Lato และ Poppins ในชุดนี้แยกไฟล์ปกติกับตัวหนา ส่วนอีกหกตระกูลใช้ไฟล์แปรผัน รายการแหล่งข้อมูลมีแฮช เวอร์ชัน และลิงก์ใบอนุญาตของแต่ละไฟล์^[6]

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

การทดสอบในเบราว์เซอร์แยกเฉพาะงานใช้ Chrome 148.0.7778.97 บน macOS 26.5.1 โหลดไฟล์ที่กำหนดไว้โดยตรง ไม่มีการแทนด้วยไฟล์ในเครื่อง ใช้รูปแบบปกติ ระบุน้ำหนัก 400 และ 700 อย่างชัดเจน ใช้ความกว้างเริ่มต้น ปิดการปรับขนาดเชิงสายตา และไม่สังเคราะห์รูปแบบฟอนต์ ไฟล์ทั้งสิบโหลดสำเร็จและมีแฮชตรงตามที่คาดไว้

สำหรับข้อความแต่ละบล็อก วิธีตรวจฟอนต์ที่แสดงผลของ Chrome ส่งกลับตระกูลจริง ชื่อ PostScript และข้อมูลว่าเป็นฟอนต์ที่จัดเตรียมให้โดยเฉพาะหรือไม่ เราเทียบข้อมูลเหล่านี้กับไฟล์ต้นฉบับ และตรวจการจับคู่ตัวอักษรกับรูปอักษร รวมถึงการจัดรูปอักษรแยกต่างหาก จำนวนรูปอักษรที่เบราว์เซอร์รายงานเก็บไว้เป็นหลักฐานทางเทคนิค ไม่ได้นำไปคิดเป็นเปอร์เซ็นต์ของตัวอักษร^[7]

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

ผลนี้ใช้กับไฟล์ ประโยค และสภาพแวดล้อมที่ระบุเท่านั้น เรายังไม่ได้ยืนยันความครอบคลุมทั้งภาษา ผลที่เหมือนกันบนแพลตฟอร์มอื่น หรือหน้าตาของชุดย่อยที่ Google Fonts API ส่งมา ชุดดาวน์โหลดเก็บข้อมูลรายกรณี แหล่งอ้างอิง และการคำนวณไว้ สคริปต์ตรวจซ้ำคำนวณจำนวนจากผลที่บันทึกไว้ ไม่ได้ทำการทดลองใหม่ในเบราว์เซอร์^[1]