หน้าเว็บ

วันจันทร์ที่ 11 มกราคม พ.ศ. 2559

ความหมายของ Font และ Typography


ที่มาของคำว่า “Font”


หลายๆ คนอาจสงสัยว่าทำไมถึงเป็นเช่นนี้ บางคนอาจเข้าใจมาตลอดว่า font คือ แบบของตัวอักษร(Typeface) ถ้าอยากหายสงสัยต้องไปศึกษาที่มาของมันครับ “font” มาจากคำว่า “fount” ซึ่งแปลว่า “สิ่งที่ถูกหลอม” ในสมัยก่อน การจะพิมพ์ตัวหนังสือลงไปบนอะไรสักอย่างจะต้องใช้ “ตัวพิมพ์” ซึ่งมักจะสร้างมาจากโลหะที่เอามาหลอมลงในแม่พิมพ์ ซึ่งหมายความว่า หากเราอยากได้ตัวหนา ตัวกว้าง ตัวเอียง หรือแม้แต่ตัวขนาดใหญ่ขึ้น เราจำเป็นจะต้องสร้าง “ตัวพิมพ์” ขึ้นมาใหม่ เพื่อมารองรับตัวอักษรแบบนั้นๆ โดยเฉพาะ และนี่เอง ที่ทำให้เราเรียก “รูปแบบ” ของตัวอักษรที่แตกต่างกันว่า “font” แต่ในปัจจุบัน ซึ่งเปลี่ยนจากยุคของโลหะมาเป็นยุค digital ทำให้ขนาดของตัวอักษรนั้นสามารถเพิ่มหรือลดได้โดยง่าย นิยามของคำว่า “font” จึงเปลี่ยนไปเล็กน้อย เหลือแค่ความต่างกันในด้านของ ความหนา ความกว้าง และ ความเอียง เท่านั้น


Font หรือ “Fount” ในสมัยก่อนทำมาจากโลหะ


แล้วทำไมต้องมี Font ?

สาเหตุที่ใน typeface เดียวกัน ต้องแบ่งออกเป็น fonts ต่างๆ ก็เพื่อ “Readability” นั่นเองครับ ในหน้าเดียวกัน เราอาจใช้ typeface เพียงแบบเดียว แต่อาจเลือกใช้ fonts หลายแบบ เพื่อให้เหมาะกับเนื้อหาในแต่ละส่วน ไม่ว่าจะเป็น header, article, aside, footer เป็นต้น

fonts แต่ละแบบจะแตกต่างกันในเรื่องของ ความหนา ความกว้าง และความเอียง ซึ่งถ้าทั้ง 3 รูปแบบนี้ เป็นค่าปกติทั้งหมด เราจะเรียก font นั้นว่า “Roman” หรือ “Regular” ส่วน font ที่ไม่ใช่ Roman จะเกิดได้ 2 กรณีด้วยกันคือ รูปแบบเหล่านั้น ถูกใส่เข้ามาใน font file(เช่น font “Helvetica Condensed Bold Italic”) หรือ รูปแบบนั้น ถูก render ด้วย “Algorithm” ของ web browser(เช่น font “Helvetica” + font-weight:bold)

ตาม specification ของ CSS3 หากรูปแบบที่เรากำหนดนั้น มีอยู่ใน font file แล้ว web browser จะใช้ font นั้นในการแสดงผลทันที แต่ถ้าไม่พบ web browser จะ “สังเคราะห์” font นั้นๆ ขึ้นมาจาก Roman หรือ Regular ของ typeface นั้นๆ ซึ่ง font ที่ได้ อาจไม่สวยงามเท่า เพราะสร้างมาจากการคำนวณ ตัวอย่างเช่น เราต้องการแสดงผล typeface “Helvetica” แบบตัวหนา ถ้าเรามี font “Helvetica Bold” ตัวอักษรที่แสดงผลจะสวยงาม สมบูรณ์แบบ แต่ถ้าเราไม่มี แล้วเราใช้ font “Helvetica” แทน web browser จะ render โดยการเพิ่ม outline ให้หนาขึ้น เพื่อให้ตัวอักษรที่ออกมาดูหนาขึ้นนั่นเองครับ

ที่มา http://www.siamhtml.com/%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B9%81%E0%B8%95%E0%B8%81%E0%B8%95%E0%B9%88%E0%B8%B2%E0%B8%87-typeface-vs-font-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/


Typography


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

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

เป็นผลงานของ typesetters ที่ compositors, typographers ออกแบบกราฟิกกรรมการศิลปะ ศิลปินหนังสือการ์ตูนศิลปินกราฟฟิกดีไซร์และตอนนี้ทุกคนที่จัดคำตัวอักษรตัวเลขและสัญลักษณ์สำหรับการตีพิมพ์, การแสดง, หรือการกระจายจาก เสมียนพนักงานและนักเขียนจดหมายให้กับทุกคนวัสดุเผยแพร่ด้วยตนเอง จนกระทั่งยุคดิจิตอลการพิมพ์เป็นอาชีพเฉพาะ แปลงเปิดตัวอักษรเพื่อให้คนรุ่นใหม่ของนักออกแบบที่ไม่เกี่ยวข้องก่อนหน้านี้และผู้ใช้วางเดวิดและคณะลูกขุนหัวของการออกแบบกราฟิกที่โคลเชสเตอร์สถาบันในอังกฤษกล่าวว่า "พิมพ์อยู่ในขณะนี้สิ่งที่ทุกคนไม่"  ในขณะที่ความสามารถในการสร้างตัวอักษรได้ กลายเป็นที่แพร่หลาย การประยุกต์ใช้หลักการและวิธีปฏิบัติที่ดีที่สุดได้รับการพัฒนามาหลายชั่วอายุของแรงงานที่มีทักษะและผู้เชี่ยวชาญได้ลดลง ดังนั้นในช่วงเวลาที่ใช้เทคนิคทางวิทยาศาสตร์ที่สามารถสนับสนุนประเพณีการพิสูจน์แล้ว (เช่นความชัดเจนมากขึ้นกับการใช้งานของเซอริฟกรณีบนและล่างคมชัด ฯลฯ ) ผ่านการทำความเข้าใจข้อ จำกัด ของวิสัยทัศน์ของมนุษย์ที่มักจะพบตัวอักษรอาจล้มเหลวเพื่อให้บรรลุวัตถุประสงค์หลัก การสื่อสารที่มีประสิทธิภาพ

ไม่มีความคิดเห็น:

แสดงความคิดเห็น