Show GN: ปรับแต่งเว็บฟอนต์ภาษาเกาหลีให้เหมาะสมบนเว็บไซต์แบบสแตติก
(palindrom615.dev)ผมได้เขียนเล่าประสบการณ์การปรับแต่งไฟล์ฟอนต์ภาษาเกาหลีด้วย subfont บน static site ที่สร้างด้วย gatsby.js
-
วิเคราะห์
htmlแบบสแตติก แล้วทำ subset เฉพาะตัวอักษรที่ใช้งานจริงในฟอนต์ -
ปรับแต่งได้ทุกครั้งในช่วง build time เพียงแค่เปลี่ยนปลั๊กอินและไฟล์ config
-
ให้บริการฟอนต์เองได้โดยไม่ต้องพึ่งการโฮสต์เว็บฟอนต์ภายนอกอย่าง Google Fonts
-
ใช้งานฟอนต์ TrueType ได้ตรง ๆ โดยไม่จำเป็นต้องรู้รายละเอียดของฟอร์แมตฟอนต์
5 ความคิดเห็น
ถ้าเนื้อหามีการเปลี่ยนแปลงแล้วมีการเพิ่ม/ลบ glyph ก็จะใช้แคชไม่ได้ครับ
คงจะดีสำหรับเว็บไซต์ที่เนื้อหา "คงที่" จริง ๆ แต่สำหรับบล็อกที่มีการเพิ่มเนื้อหาอยู่บ่อย ๆ ดูเหมือนจะไม่ใช่วิธีที่เหมาะนัก
เพราะงั้นทุกคนมาใช้ Google Fonts กันเถอะ!
เขียนว่า Show GN แบบนี้ให้ความรู้สึกเหมือน HN จริงๆ เลยนะครับ ขอบคุณครับ ;)
ผมทำฟีเจอร์สำหรับดูเฉพาะ Show รวมไว้แล้วเหมือนกัน แต่ตอนนี้ยังมีไม่มาก เลยยังไม่ได้ใส่ไว้ในเมนูด้านบน ถ้ามีมากขึ้นกว่านี้จะเปิดให้ครับ!
บทความก็อ่านได้เพลินมากครับ การจับคู่ static page + subfont ยอดเยี่ยมเลยครับ
ฉันไม่ได้ดู Hacker News แล้วฟังก์ชัน Show คืออะไร?
ใน Hacker News มีหน้าแยกที่รวบรวมเฉพาะลิงก์ที่ขึ้นต้นด้วย Show HN เพื่อเปิดเผยบริการหรือโอเพนซอร์สที่ตัวเองสร้างไว้โดยเฉพาะ
https://news.ycombinator.com/show
ถ้าได้คะแนนโหวตมากเหมือนลิงก์บทความทั่วไปใน HN ก็จะขึ้นหน้าแรกได้เหมือนกัน แต่ก็ถือว่าได้รับการดูแลเป็นพิเศษเพราะถูกรวบรวมแยกไว้อีกชั้นให้ตามไปดูได้
ใช้ทั้งเพื่อชวนผู้ใช้ Hacker News ให้ลองใช้งาน และเพื่อรับฟีดแบ็กกับตั้งคำถามไปพร้อมกัน
ไม่จำเป็นต้องเป็นผลิตภัณฑ์ที่สมบูรณ์แบบ ต่อให้อยู่ในช่วงเริ่มต้นก็ไม่เป็นไร และเป็นที่ที่เน้นฟีดแบ็กเชิงสร้างสรรค์แบบ “ถ้าทำอย่างนี้จะเป็นยังไง?” มากกว่าการตำหนิว่า “มันไม่ดี”
เพราะเป็นที่ที่ช่วยสนับสนุนให้เกิดบริการใหม่และโอเพนซอร์สใหม่ ๆ ขึ้นมา ผมจึงคิดว่านี่อาจเป็นหนึ่งในบทบาทเชิงบวกที่ใหญ่ที่สุดของ Hacker News
โอ้! ฟีเจอร์นี้มีประโยชน์มากจริง ๆ ขอบคุณสำหรับคำอธิบายครับ