แท็ก: @font-face

เอ๊ะนี่มันฟอนต์อะไร บางคนดูเว็บแล้วยังไม่เข้าใจ

เอ๊ะนี่มันฟอนต์อะไร บางคนดูเว็บแล้วยังไม่เข้าใจ

หลายครั้งพอคลิกเข้าเว็บต่างๆ แล้วเราจะเห็นว่าเอิ้ว เขาดีไซน์ด้วยการใส่ฟอนต์แปลกๆ ลงไป (ไม่ใช่ในภาพนะครับ หมายถึงฟอนต์ที่เป็นตัวฟอนต์จริงๆ เลย ด้วยเทคนิควิชา CSS ที่ชื่อ @font-face ) บางทีเราอยากรู้ว่านั่นมันคือฟอนต์อะไรหนอ? คราวนี้เราเลยมีเครื่องมือมาฝากครับ กรุณาจิ้มเบาๆ: WhatFont Tool

Google Web Fonts โฉมใหม่ น่าใช้ขึ้น!

Google Web Fonts โฉมใหม่ น่าใช้ขึ้น!

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

[รีวิว] หลากวิธีเอาไว้แปะฟอนต์ใส่เว็บ

[รีวิว] หลากวิธีเอาไว้แปะฟอนต์ใส่เว็บ

ก่อนหน้านี้ฟอนต์.คอมได้เคยลงบทความหลายๆ ชิ้นเกี่ยวกับการฝังฟอนต์ (embed) ลงในหน้าเว็บ ให้สามารถแสดงผลฟอนต์แปลกๆ ได้โดยไม่ต้องติดตั้งลงที่เครื่องปลายทาง ทีนี้เนื่องจากตอนนี้ยังเป็นช่วงรอยต่อของเทคโนโลยีเว็บ (จริงๆ ก็เป็นรอยต่อมาตลอด) ที่เรื่องของการแสดงผลอย่างถูกต้องนั้นผ่านสงครามจบไปเรียบร้อยแล้ว และก้าวเข้าสู่ยุคทีว่า ใครก็ตามที่มีวิธีแสดงผล (โดยเฉพาะฟอนต์) ได้สวยงามกว่ากันก็เป็นผู้ชนะ

25 ฟอนต์(ฝรั่ง) สวยๆ เหมาะที่จะแปะลงเว็บ

25 ฟอนต์(ฝรั่ง) สวยๆ เหมาะที่จะแปะลงเว็บ

เมื่อวานเพิ่งพูดถึง “ฟอนต์อะไรใช้ได้กับทุกเว็บ?” ไปหมาดๆ มาวันนี้เราไปเจอฟอนต์ฝรั่ง ที่เขาทำมาแจกสำหรับการนำมาแสดงในหน้าเว็บสวยๆ ของเราด้วยเทคนิค @font-face แล้วจ้ะ

ฟอนต์อะไรใช้ได้กับทุกเว็บ?

ฟอนต์อะไรใช้ได้กับทุกเว็บ?

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

มาใส่ฟอนต์ประหลาดลงเว็บกันด้วย Google Font API

มาใส่ฟอนต์ประหลาดลงเว็บกันด้วย Google Font API

ก่อนหน้านี้ ฟอนต์.คอม ได้เคยหยิบเอาหลากหลายเทคนิคในการแสดงผลฟอนต์ประหลาด (ที่ไม่ใช่ฟอนต์ในระบบเท่านั้น) บนหน้าเว็บมาแล้ว ก็ไม่ได้เขียนเองหรอกครับ แค่เอาบทความของชาวบ้านเขามาบอกต่อเท่านั้นเอง 555 และตอนนี้เราก็หยิบเอาอีกวิธีนึงซึ่งคนบริการความสะดวกนี้มาให้เราคือกูเกิล! ..ใช่ครับ กูเกิลเปิดบริการนึงขึ้นมาเพื่อให้คนทำเว็บอย่างเราๆ สามารถใช้ฟอนต์ที่มีให้เลือก (ตอนนี้มีอยู่ไม่มากเท่าไหร่) บนเซิฟเวอร์ของกูเกิลเอง เอามาประดับประดาบนหน้าเว็บของเราได้ด้วยวิธีง่ายๆ

ฟอนต์ดูดีมีถมไป เอามาใส่ในเว็บซะเลย

ฟอนต์ดูดีมีถมไป เอามาใส่ในเว็บซะเลย

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