คุณรู้หรือไม่ว่าเว็บเบราว์เซอร์ของคุณกำลังดาวน์โหลดและใช้แบบอักษรที่ไม่ได้ติดตั้งในระบบของคุณโดยอัตโนมัติ? Web Fonts ช่วยให้หน้าเว็บที่คุณเรียกดูทุกวันดูดีขึ้น นี่คือสิ่งที่พวกเขาเป็นและวิธีการทำงานของพวกเขา
แบบอักษรเดสก์ท็อปกับเว็บแบบอักษร
เราทุกคนใช้แบบอักษรทุกวัน บางคน มาพร้อมกับระบบปฏิบัติการของคุณ บางคนมาจากแอปพลิเคชันเช่น Adobe Creative Suite หรือ Microsoft Office และบางส่วนที่คุณดาวน์โหลดหรือซื้อและ ติดตั้งตัวเอง . เมื่อติดตั้งแล้วคุณสามารถใช้แบบอักษรเหล่านี้ในโปรเซสเซอร์ Word ซอฟต์แวร์แก้ไขรูปภาพและอื่น ๆ นี่คือแบบอักษรเดสก์ท็อปและพวกเขาเก็บไว้ในเครื่อง
แบบอักษรประเภทอื่นมีความสำคัญมากขึ้นเมื่อประสบการณ์การใช้คอมพิวเตอร์ของเราย้ายออนไลน์ นี่คือการพิมพ์เว็บแบบอักษรที่เก็บไว้บนคลาวด์ (แล้วแคชในเบราว์เซอร์ของคุณ) และใช้เพื่อสร้างข้อความที่ปรากฏบนเว็บไซต์
ประวัติย่อของเว็บแบบอักษร
ในช่วงแรกของอินเทอร์เน็ตการพิมพ์บนหน้าเว็บ จำกัด เฉพาะแบบอักษรที่ติดตั้งในระบบของคุณ หากไม่ได้ติดตั้งแบบอักษรหน้าเว็บจะโหลดแบบอักษร "FALLBACK" มาตรฐานที่มีแนวโน้มที่จะสามารถใช้ได้มากขึ้น ด้วยเหตุนี้นักออกแบบเว็บไซต์มักจะเลือกแบบอักษรระบบเริ่มต้นสำหรับไซต์ของพวกเขา
ในบรรดาเหล่านี้เป็นของ Microsoft แบบอักษรหลักสำหรับเว็บ ชุดของ Typefaces ที่ทำให้สามารถใช้ได้อย่างอิสระสำหรับการออกแบบเว็บ ชุดนี้รวมถึงแบบอักษรระบบที่ใช้กันอย่างแพร่หลายเช่นครั้งที่ New Roman, Arial, Sans Comic , และ Trebuchet หรือนักออกแบบสามารถใช้ตระกูลแบบอักษรเช่น Serif, Sans-Serif และ Monospace เพื่อระบุรูปแบบทั่วไปของแบบอักษรแม้ว่าจะไม่มีใครระบุ
สิ่งนี้เปลี่ยนไปในปี 2010 เมื่อ Google เปิดตัว Google แบบอักษร ที่เก็บโอเพ่นซอร์สขนาดใหญ่สำหรับแบบอักษรฟรีที่สามารถใช้ได้ทุกที่บนเว็บ ตั้งแต่นั้นมาคู่แข่งรายอื่นเช่น Adobe's TypeSkit และ Font Font Font Plugins ได้เกิดขึ้น เว็บไซต์นับล้านจากทั่วโลกวิ่งบนเว็บแบบอักษรรวมถึง ชุดประสิทธิภาพการทำงานของ Google .
วิธีการทำงานของเว็บแบบอักษร
ผู้ให้บริการแบบอักษรเว็บที่ใหญ่ที่สุด Google Fonts เป็นคลังเว็บที่กว้างขวางกว่าหนึ่งพันแบบอักษร คุณสามารถใช้พวกเขาบนเว็บไซต์ของคุณโดยดึงพวกเขาผ่าน CSS และนักพัฒนามือถือสามารถเข้าถึงแบบอักษรเหล่านี้เมื่อสร้างแอปพลิเคชัน Android
เมื่อเว็บเพจใช้ Google Fonts จะดึงแบบอักษรจากฐานข้อมูลของ Google แล้วแสดงข้อความในแบบอักษรนั้นกับคุณในเบราว์เซอร์ของคุณ แบบอักษรเหล่านี้โฮสต์บนเซิร์ฟเวอร์ของ Google และโหลดเกือบจะทันที บริการฟอนต์คลาวด์อื่น ๆ ทำงานเหมือนกันมาก
อีกทางเลือกหนึ่งคือการใช้แบบอักษรในตัวเองในการฝังตัวบนเว็บแทน สิ่งนี้ทำผ่าน รูปแบบตัวอักษรเปิดเว็บ (WOFF) - ไฟล์ฟอนต์บีบอัดที่พัฒนาโดย Mozilla ที่เข้ากันได้กับเว็บเบราว์เซอร์ที่ทันสมัยที่สุด Woff มีประโยชน์หากคุณต้องการฝังแบบอักษรที่กำหนดเองที่ไม่มีอยู่ในบริการเว็บแบบอักษร
รับแบบอักษรเว็บ
ที่เก็บแบบอักษรของ Google และแบบอักษรทั้งหมดภายใต้มันมีอิสระที่จะใช้และเข้าถึงได้กับทุกคน มันใช้แบบอักษรภายใต้ลิขสิทธิ์แบบเปิดเท่านั้นและแบบอักษรเหล่านี้จำนวนมากได้กลายเป็นลวดเย็บกระดาษของการออกแบบเว็บเช่น Roboto, Lato และ Montserrat Google เป็นเจ้าภาพจัดทำเว็บไซต์ ที่แสดงแบบอักษรทั้งหมดที่มีอยู่ทั้งหมดและช่วยให้คุณลองใช้งานและเปรียบเทียบกัน Google ยังมีฐานข้อมูลของไอคอนเวกเตอร์ฟรี
เนื่องจากแบบอักษรเหล่านี้พร้อมใช้งานได้อย่างอิสระคุณสามารถดาวน์โหลดไฟล์ฟอนต์ดั้งเดิม สำหรับใช้บนเดสก์ท็อปของคุณ เช่นกัน. หลายเว็บไซต์โฮสต์ที่เก็บของ Google Fonts รวมถึง github ของ Google . คุณสามารถใช้แบบอักษรเหล่านี้ในโครงการแบ่งปันกับผู้อื่นได้อย่างอิสระและดาวน์โหลดจากที่อื่นบนอินเทอร์เน็ตฟรี
ผู้สร้างเว็บไซต์และผู้จัดการเนื้อหาจำนวนมากเช่น WordPress และ Squarespace มาพร้อมกับการสนับสนุนแบบอักษรเว็บจากกล่อง หากคุณใช้เว็บไซต์ที่กำหนดเองคุณต้องอัปโหลดไฟล์ฟอนต์ไปยังเซิร์ฟเวอร์ของคุณและใช้รหัส CSS เพื่อชี้ไปที่ไฟล์ฟอนต์ที่คุณต้องการใช้
หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการใช้เว็บแบบอักษรสำหรับเว็บไซต์ของคุณให้ตรวจสอบสิ่งนี้ คู่มือตัวอักษรเว็บ CSS จาก w3schools
ที่เกี่ยวข้อง: วิธีการติดตั้งและจัดการแบบอักษรในแอปการตั้งค่าของ Windows 10