06 Feb 10 Stylish และ Twitter
หลังจากที่ twitter ออกฟีเจอร์ใหม่ให้แจ้ง tweet เพิ่มเติมอัตโนมัติ ผมก็มักจะใช้ Firefox เล่น twitter ตรงๆ ผ่านเว็บ แต่ก็พบปัญหาหนึ่งคือเว็บของ twitter จะแสดงภาษาไทยไม่ถูกต้อง สระบนถูกตัดแสดงไม่ครบ ลองใช้ Firebug ตรวจดูพบว่าเกิดจากปัญหาของ CSS ที่กำหนดความสูงของบรรทัดไว้เป็นค่าคงที่ ซึ่งจะใช้ได้ดีกับภาษาอังกฤษ แต่ก่อปัญหาให้กับภาษาไทย
ผมแก้ไข CSS โดยใช้ add-on ของ Firefox ที่ชื่อ Stylish ซึ่งจะทำให้เราสามารถปรับเปลี่ยนรูปแบบการแสดงผลของเว็บที่กำหนดโดย URL ได้ เมื่อติดตั้งเสร็จ ก็แค่เปิดเว็บ twitter แล้วก็เลือกที่ icon ของ Stylish ที่อยู่มุมล่างขวาของ Firefox จากนั้นก็เลือก “Write new style” > “For twitter.com” จากนั้นก็เพิ่ม CSS ตามข้างล่างนี้ เพื่อกำหนดให้ใช้ line-height เป็นแบบปกติ เท่านี้ก็เสร็จเรียบร้อย
.entry-content { line-height: normal !important; } textarea#status { line-height: normal !important; }
