เรื่อง :: การจำกัดขนาดของ Font (ตอนที่ 2)

เมื่อปรากฏหน้าต่าง Style definition ขึ้นมาแล้ว ให้เราดูที่เมนูทางด้านซ้ายของหน้าต่าง (ตรง Category) แล้วเลือกที่ Type เมื่อเลือกแล้วให้มาดูทางด้ายขวามือ ให้คุณกำหนดค่าดังนี้..>>>

Ex.4

ที่ช่อง Font ให้เราเลือกรูปแบบของ Font ที่ต้องการ ถัดลงมาที่ช่องของ Size ให้เรากำหนดขนาดของ Font ที่ เราต้องการ โดยจะกำหนดให้หน่วยเป็น Pixels หรืออย่างอื่นก็ให้เลือกที่ ช่องด้านข้าง
ตรงช่องWeight ให้เราเลือกรูปแบบของการแสดงฟอน์ท ว่าต้องการให้เป็นตัวหนา ตัวเอน หรือ....ก็เลือกตรงนี้
จากนั้นก็มาดูที่ Color ให้เราเลือกสีของ Font ที่ต้องการ เมื่อกำหนดจุดหลักๆ ได้ดังนี้แล้ว ให้เรา click ที่ OK. เพื่อกลับมาที่หน้าต่าง CSS Styles ตามเดิม เท่านี้เราก็ได้ขนาดฟอนท์ และ รูปแบบของฟอนท์ที่เราต้องการแล้ว...

---

[ การนำไปใช้งาน ]

ให้คุณเลือกข้อความที่ต้องการโดยการระบายแทบสีลงบนข้อความ (เหมือนที่คุณเลือกเพื่อจะ copy ข้อความ) เมื่อเลือกแล้ว ให้คุณมาที่หน้าต่างของ CSS Styles แล้ว click เลือกที่ชื่อของ CSS ที่คุณตั้งไว้เมื่อคราวที่คุณกำหนดค่าตอนแรก ดังในรูป Ex.5

ผมเลือกที่ CSS ที่ชื่อว่า font เพราะผมกำหนดชื่อนี้ไว้ในตอนที่ผมสร้าง เมื่อเลือกแล้วคุณก็จะเห็นผลได้ทันทีเมื่อคุณ click เสร็จ [ ถ้าคุณติ๊กเครื่องหมายถูกไว้ที่ Apply ที่มุมซ้ายมือ ]

 

 

 

 

ก็เป็นอันเสร็จสิ้นขั้นตอนของการกำหนดขนาด Font ที่คุณสงสัยมานาน

---

[ วิธีการทดสอบ ]

ให้คุณ Preview ดูผลกับ Browser แล้วให้ลองปรับขนาดของ Font ดู โดยไปที่ Menu Bar ของหน้าต่าง Browser แล้วเลือกที่ View แล้วเลือกที่เมนู Text Size จากนั้นให้คุณลองเลือกปรับขนาดของ Font ตามต้องการ...
คุณจะพบว่า...ขนาดของ Font ยังคงมีขนาดเท่าเดิม ไม่เปลี่ยนไปตามที่เราปรับแต่ง Browser เลย...

** ปล. หรือไม่คุณก็ลองปรับดูลักษณะการแสดงผล Font กับหน้า Web Page นี้ได้เลยครับ. **

กลับไปอ่าน ตอนที่ 1