Cholwich’s blog

หลังจากที่ 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;
}

firefox css, firefox, stylish, twitter