@font-face
เอ๊ะนี่มันฟอนต์อะไร บางคนดูเว็บแล้วยังไม่เข้าใจ
หลายครั้งพอคลิกเข้าเว็บต่างๆ แล้วเราจะเห็นว่าเอิ้ว เขาดีไซน์ด้วยการใส่ฟอนต์แปลกๆ ลงไป (ไม่ใช่ในภาพนะครับ หมายถึงฟอนต์ที่เป็นตัวฟอนต์จริงๆ เลย ด้วยเทคนิควิชา CSS ที่ชื่อ @font-face ) บางทีเราอยากรู้ว่านั่นมันคือฟอนต์อะไรหนอ? คราวนี้เราเลยมีเครื่องมือมาฝากครับ
กรุณาจิ้มเบาๆ: WhatFont Tool
Google Web Fonts โฉมใหม่ น่าใช้ขึ้น!
ไม่รู้ช่วงนี้ยักษ์ใหญ่อย่างกูเกิลไปกินยาอะไรมา ถึงได้มีการรื้อดีไซน์สารพัดเว็บของตัวเองให้สะอาดสะอ้านน่าใช้ขึ้นมากๆ อย่าง Google Web Fonts ที่เคยเขียนถึงไปแล้ว ก็ยังถูกแต่งเนื้อแต่งตัวใหม่ซะน่าคบเลยครับ มาดูกันว่าเขาไปทำอะไรใหม่ให้เราได้ใช้งานฟอนต์แปลกๆ บนเว็บกันบ้าง
[รีวิว] หลากวิธีเอาไว้แปะฟอนต์ใส่เว็บ
ก่อนหน้านี้ฟอนต์.คอมได้เคยลงบทความหลายๆ ชิ้นเกี่ยวกับการฝังฟอนต์ (embed) ลงในหน้าเว็บ ให้สามารถแสดงผลฟอนต์แปลกๆ ได้โดยไม่ต้องติดตั้งลงที่เครื่องปลายทาง ทีนี้เนื่องจากตอนนี้ยังเป็นช่วงรอยต่อของเทคโนโลยีเว็บ (จริงๆ ก็เป็นรอยต่อมาตลอด) ที่เรื่องของการแสดงผลอย่างถูกต้องนั้นผ่านสงครามจบไปเรียบร้อยแล้ว และก้าวเข้าสู่ยุคทีว่า ใครก็ตามที่มีวิธีแสดงผล (โดยเฉพาะฟอนต์) ได้สวยงามกว่ากันก็เป็นผู้ชนะ
25 ฟอนต์(ฝรั่ง) สวยๆ เหมาะที่จะแปะลงเว็บ
เมื่อวานเพิ่งพูดถึง “ฟอนต์อะไรใช้ได้กับทุกเว็บ?” ไปหมาดๆ มาวันนี้เราไปเจอฟอนต์ฝรั่ง ที่เขาทำมาแจกสำหรับการนำมาแสดงในหน้าเว็บสวยๆ ของเราด้วยเทคนิค @font-face แล้วจ้ะ
มีคำถามประเภทนึงครับ ที่มีผู้สนใจมาถามในฟอรั่มฟอนต์บ่อยๆ ก็คือ “ฟอนต์ xxxx จะใช้ในเว็บได้ไหม” พอตอบว่าได้และไม่ได้ (คือได้แหละ แต่อธิบายยากชะมัด) ก็จะเจอคำถามต่อมาว่า “แล้วถ้าอยากเห็นฟอนต์เราบนเว็บล่ะ จะทำยังไง” ส่วนมากเวลาตอบก็เลยจะโยนลิงก์ที่เกี่ยวข้องไปให้ (มีในบทความที่เกี่ยวข้องข้างล่างนี่แหละจ้ะ)
มาใส่ฟอนต์ประหลาดลงเว็บกันด้วย Google Font API
ก่อนหน้านี้ ฟอนต์.คอม ได้เคยหยิบเอาหลากหลายเทคนิคในการแสดงผลฟอนต์ประหลาด (ที่ไม่ใช่ฟอนต์ในระบบเท่านั้น) บนหน้าเว็บมาแล้ว ก็ไม่ได้เขียนเองหรอกครับ แค่เอาบทความของชาวบ้านเขามาบอกต่อเท่านั้นเอง 555
และตอนนี้เราก็หยิบเอาอีกวิธีนึงซึ่งคนบริการความสะดวกนี้มาให้เราคือกูเกิล! ..ใช่ครับ กูเกิลเปิดบริการนึงขึ้นมาเพื่อให้คนทำเว็บอย่างเราๆ สามารถใช้ฟอนต์ที่มีให้เลือก (ตอนนี้มีอยู่ไม่มากเท่าไหร่) บนเซิฟเวอร์ของกูเกิลเอง เอามาประดับประดาบนหน้าเว็บของเราได้ด้วยวิธีง่ายๆ
ฟอนต์ดูดีมีถมไป เอามาใส่ในเว็บซะเลย
มีหลายคำถามที่ถูกโพสต์ถามผ่านทางฟอรั่ม ว่าทำยังไงดีก๊ะ ให้ฟอนต์ที่โหลดไปนั้นสามารถแสดงผลผ่านหน้าเว็บได้อะก้ะ (ถ้าถามด้วยภาษาวิบัติเราก็จะตบกบาลไปหนึ่งฉาด) คำตอบเบื้องต้นที่ใช้อธิบายน้องที่พิมพ์ภาษาวิบัติเข้ามาถามก็คือ มันทำไม่ได้ครับ .. จริงๆ แล้วเรากั๊ก คือถ้าจะทำน่ะก็ทำได้ครับ มีหลากหลายวิธีเหลือเกินที่จะนำฟอนต์แปลกๆ ที่อยากให้มันแสดงผลผ่านเบราว์เซอร์ นำไปยัดใส่หน้าเว็บที่เราต้องการได้ เพราะตลอดระยะเวลาที่ผ่านมา ผู้พัฒนาเรื่องเทคโนโลยีการแสดงผลในอินเทอร์เน็ตก็ได้หาหลากหลายสารพันวิธีที่จะทำให้หน้าเว็บของเราสามารถแสดงผลเป็นฟอนต์หน้าตาประหลาดตามที่เราต้องการได้ ส่วนจะทำยังไงนั้น เอ้า ลองอ่านดู
