ออกแบบด้วย Web Fonts

• อาจ 16, 2024

WWW นั้นถูกสร้างขึ้นเพื่อเป็นทรัพยากรข้อความเท่านั้น ย้อนกลับไปในวันเก่า ๆ ผู้ก่อตั้งเว็บไม่ได้พิจารณารูปภาพหรือแบบอักษรของนักออกแบบว่าเป็นส่วนหนึ่งของทางหลวงข้อมูล เว็บหมายถึงวิธีที่รวดเร็วและง่ายดายในการแลกเปลี่ยนข้อมูลในรูปแบบ "ข้อความธรรมดา"

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

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

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

ครอบครัวแบบอักษร: จอร์เจีย, Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;

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

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

ถัดไป→

คำแนะนำวิดีโอ: สอนการใช้งาน Figma โดยสมาคมโปรแกรมเมอร์ไทย (อาจ 2024).