ใส่ฟอนต์สารพัดสู่หน้าเว็บได้ง่ายๆ ด้วย TTFGen

by ฟอนต์.คอม • 13 Nov 2009

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

มา Follow 80+ ทวิตเตอร์สำหรับคนรักฟอนต์กัน

by ฟอนต์.คอม • 04 Nov 2009

มาถึงยุคนี้ บรรดาพ่อแม่พี่น้องที่ท่องเว็บกันเป็นประจำ ก็คงจะชินหูกับปรากฏการณ์ทวิตเตอร์เปลี่ยนโลกกันเป็นที่เรียบร้อยแล้วนะครับ (ใครยังไม่รู้จักก็ลองสมัครเล่นดูครับ ไม่งั้นพรุ่งนี้จะคุยกับใครไม่รู้เรื่อง ขนาดแม่ยายผมยังเล่นเลยเอ้า ) เรื่องของเรื่องคือเมื่อวานนี้คุณ @middlesome ทวีตแนะนำลิงก์นี้มาให้ (พร้อมกับแซวเล็กน้อย) พอกดเข้าไปดูก็เออ เจ๋งดีๆ มี Tweeple (Twitter+people) และว็บไซต์ที่เกี่ยวข้องกับวงการ Typography จำนวนมาก เวลา Follow เขาปั๊บก็จะได้ไม่ตกเรนด์ Typo ใหม่ๆ แจ่มๆ เลยเอามาบอกต่อกันครับ

ฟอนต์สกปรกเลอะเทอะเยอะแยะแหละเออ

by ฟอนต์.คอม • 03 Nov 2009

ที่เว็บ Designm.ag เขามีฟอนต์แนวสกปรกเลอะเทอะเละเทะ เอามาไล่ลิสต์เรียงชื่อกันตามตัวอักษร A-Z เลยครับ ลองกดเข้าไปดูรายการดูเผื่อจะได้ฟอนต์สไตล์นี้มาเล่นสักกระบุงจ้ะ ตามไปดูได้ที่ The A-Z List of Free Grungy & Dirty Fonts for Commercial Design

สร้างฟอนต์ออนไลน์ด้วย typism

by ฟอนต์.คอม • 30 Oct 2009

เมื่อครั้งกระโน้น (ตัวกะสมัยฟอนต์.คอมยังไม่เป็นสีแดงๆ แบบนี้) เราเคยแนะนำเว็บสร้างฟอนต์แบบออนไลน์ไปเว็บนึง นั่นคือ FontStruct (อ่านได้จากฟอรั่มโลด) ซึ่งนั่นก็เป็นที่ฮือฮากันมาแล้วรอบหนึ่งว่าเฮ้ย มีฝรั่งที่คิดอะไรเจ๋งๆ แบบนี้มาให้ใช้ฟรีๆ ด้วยเรอะ แต่พอมาถึงวันนี้ก็ได้เจออีกเจ้านึง (โดยคำแนะนำจากพี่โอ้เอ้) ว่า typism เนี่ยเป็นเว็บน้องใหม่น่าสนใจดี ก็เลยลองกดเข้าไปเล่นดู ปรากฏว่า งงฉิบหายครับ (อ้าว) เลยเอามาแนะนำให้อ่านกัน

เล่นเอฟเฟกต์ตัวอักษรเจ๋งๆ ด้วย Illustrator

by ฟอนต์.คอม • 26 Oct 2009

ที่ Noupe เขารวบรวม 40 เทคนิคและไอเดียในการใช้ Adobe Illustrator (ที่ผมเองก็ใช้ไม่เป็น) มาตกแต่งเพิ่มพลังแพรงพราวให้กับตัวอักษร หลายๆ อันดูแล้วสนุกจัง! สนใจก็จิ้มเข้าไปตื่นตาตื่นใจได้เลยครับ

ไทยวิ 28 (BLK-Thai-Vi28)

by บางลี่โฆษณา • 21 Oct 2009

ฟอนต์นี้เป็นตัวลายมือ เขียนเล่นสนุกๆ ครับ พยายามทำให้เป็นลายมือแบบวัยรุ่น (ตอนที่ทำตอนนั้นยังวัยรุ่นอยู่จริงๆนะ อิอิ) ลองดูครับ

ราชาธิวาส 88 (BLK-rajadhivas88)

by บางลี่โฆษณา • 20 Oct 2009

อีกหนึ่งฟอนต์ครับ อยากลองทำตัวง่ายๆ ออกเหลี่ยมๆ ดูบ้างตัวนี้ทำง่ายครับ วันเดียวเสร็จ ลองโหลดเอาไปใช้กันดูครับ

สุพรรณบุรี (BLK-Suphanburi)

by บางลี่โฆษณา • 17 Oct 2009

ฟอนต์นี้ผมดัดแปลงมาจากฟอนต์#Ts R 2143 Normal หลังจากทำฟอนต์ตัวแรกเสร็จ ก็มาเจ๊อะเข้ากับฟอนต์#Ts R 2143 Normal ชอบมาก เลยลองเอามาดัดแปลงเสริมแต่งดู ต้องขอบคุณเจ้าของฟอนต์เดิมเป็นอย่างสูงด้วยครับ อิอิ

บางลี่บอย (BLK-BangLiBoy)

by บางลี่โฆษณา • 15 Oct 2009

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

5 ฟอนต์ Sans-Serif เนียนเท่สำหรับประกอบเว็บ

by ฟอนต์.คอม • 14 Oct 2009

ฟอนต์สไตล์ Sans-Serif คือฟอนต์ที่ไม่มีเส้นปิดหัวปิดท้าย (ส่วน Serif ก็ตรงกันข้าม ถ้านึกภาพง่ายๆ ก็พวก Times New Roman นั่นแล) ซึ่ง ณ โอกาสนี้ก็เป็นฤกษ์งามยามดีที่ทาง woork เขารวบรวมฟอนต์ฝรั่งหน้าตาแบบนี้มาให้เราดาวน์โหลดไปสะสมกันถึง 5 แบบ ตามที่เห็นนี่แหละจ้ะ

สุพรรณเอฟซี (BLK-SuphanFC)

by บางลี่โฆษณา • 14 Oct 2009

ฟอนต์นี้เห็นมานานแล้ว จากป้ายเก่าโฆษณาเก่าๆ ว่าจะทำไม่ได้ทำสักที จนลืมไปเลย จนมีโอกาสได้เข้ากรุงเทพ เดินผ่านร้านป้ายแถววงเวียน 22 เห็นอีกครั้ง นึกขึ้นได้ กลับสุพรรณวันนั้น ก็รีบทำเลย กลัวลืมอีก ก็ได้ออกมาเป็นเช่นนี้ ฟอนต์นี้ มีทั้งไทย อังกฤษ ลองใช้กันดูนะจ๊ะ

ฟอนต์ฝรั่ง.. ขลังๆ เก่าๆ

by ฟอนต์.คอม • 12 Oct 2009

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

เลือดสุพรรณ (BLK-SuphanBlood)

by บางลี่โฆษณา • 11 Oct 2009

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

ภาพบรรยากาศฟอนต์แคมป์สัญจรครั้งที่ 1 ณ TK Park

by ฟอนต์.คอม • 11 Oct 2009

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

เพาะช่าง (BLK-Pohchang)

by บางลี่โฆษณา • 09 Oct 2009

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

ใช้งานเชิงพาณิชย์ได้ฟรี