ทำความรู้จัก ระหว่างฟอนต์ Serifs กับ Sans Serifs

เซริฟ (Serif) 

คือแบบอักษรที่มีขีดเล็ก ๆ อยู่ที่ปลายอักษรเรียกว่า เซริฟ ดังที่ปรากฏในตัวอักษรตระกูล Times แบบอักษรชนิดนี้มีชื่อเรียกอีกอย่างหนึ่งว่าแบบโรมัน (roman) ซึ่งมีต้นกำเนิดมาจากอักษรที่จารึกไว้ในหินของอาณาจักรโรมัน เซริฟมีส่วนช่วยในการกวาดสายตาไปตามตัวอักษร ทำให้อ่านง่าย และนิยมใช้สำหรับพิมพ์เนื้อความ เช่น ใน Medium ก็ใช้ เซริฟ เหมือนกัน

ซานส์เซริฟ 

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

ทำความรู้จักขนาดของหน่วยต่างๆ

1. px (Pixels) เป็นการกำหนดขนาดแบบตายตัว 1 pixel จะมีค่าเท่ากับ 1 จุดบนหน้าจอ

2. pt(Points) 1 point มีค่าเท่ากับ 1/72 นิ้ว หรือ 1 pt = 1 pixels ในหน้าจอที่ไม่ใช่ Retina Display และเมื่อเป็น Retina Display ก็แค่คูณ 2 เข้าไป

3. em เป็นหน่วยแบบ relative โดย 1em จะเท่ากับ 100% หรือคิดเป็น 1เท่า ของค่าเริ่มต้นซึ่งก็คือ 16px ถ้าเรากำหนดไว้ 2em หรือ 200% ก็จะได้เป็น 32px

4. Percent (%) เป็นหน่วยที่ใช้สำหรับกำหนดขนาดของ property ทั่วๆ ไป สามารถใช้ได้ทั้ง width, height และอื่นๆ ซึ่งรวมไปถึง font-size

5. rem(Root Em) มีคุณสมบัติเหมือนกับหน่วย em แทบทุกประการ เพียงแต่ rem จะเทียบขนาดกับ root element ซึ่งก็คือ html เสมอ

6. dp (Density-independent Pixels) เป็นหน่วยสมมติขึ้นมาโดยอ้างอิงจากขนาดหน้าจอและความหนาแน่นของหน้าจอ โดยค่าดังกล่าวนี้จะทำให้อุปกรณ์แอนดรอยด์ที่มีขนาดหน้าจอต่างกัน มีค่าที่ใกล้เคียงกัน

7. sp (Scale-independent Pixels) จะเหมือนกับ dp แต่สามารถกำหนดขนาดจากขนาดของฟอนต์ที่ผู้ใช้กำหนดไว้ได้ ซึ่งเหมาะที่จะใช้ตัวหนังสือ เพราะสามารถกำหนดจากความหนาแน่นของหน้าจอหรือจะกำหนดจากขนาดฟอนต์บนแอนดรอยด์ของผู้ใช้ก็ได้