CSS : font-family

font-family นั้นใช้สำหรับกำหนดฟอนต์ของตัวอักษร ซึ่งตระกูลฟอนต์ที่เหมาะกับการใช้งานสำหรับเว็บไซต์นั้น ให้ดูที่ Web Safe Font Combinations ตัวอย่างในการใช้ font-family นั้นเป็นแบบนี้ครับ

font-family : “Times New Roman”, Times, serif

Tart bear claw cake. Halvah danish bear claw tootsie roll gummies. Sugar plum lollipop fruitcake lollipop cupcake pudding bear claw. Gingerbread sweet roll danish. Marzipan donut powder danish cheesecake bonbon. Danish cheesecake macaroon marzipan jujubes dessert.

font-family : Georgia, serif

Tart bear claw cake. Halvah danish bear claw tootsie roll gummies. Sugar plum lollipop fruitcake lollipop cupcake pudding bear claw. Gingerbread sweet roll danish. Marzipan donut powder danish cheesecake bonbon. Danish cheesecake macaroon marzipan jujubes dessert.

font-family : Arial, Helvetica, sans-serif

Tart bear claw cake. Halvah danish bear claw tootsie roll gummies. Sugar plum lollipop fruitcake lollipop cupcake pudding bear claw. Gingerbread sweet roll danish. Marzipan donut powder danish cheesecake bonbon. Danish cheesecake macaroon marzipan jujubes dessert.

font-family : Impact, Charcoal, sans-serif

Tart bear claw cake. Halvah danish bear claw tootsie roll gummies. Sugar plum lollipop fruitcake lollipop cupcake pudding bear claw. Gingerbread sweet roll danish. Marzipan donut powder danish cheesecake bonbon. Danish cheesecake macaroon marzipan jujubes dessert.

font-family : “Trebuchet MS”, Helvetica, sans-serif

Tart bear claw cake. Halvah danish bear claw tootsie roll gummies. Sugar plum lollipop fruitcake lollipop cupcake pudding bear claw. Gingerbread sweet roll danish. Marzipan donut powder danish cheesecake bonbon. Danish cheesecake macaroon marzipan jujubes dessert.

font-family : “Lucida Console”, Monaco, monospace

Tart bear claw cake. Halvah danish bear claw tootsie roll gummies. Sugar plum lollipop fruitcake lollipop cupcake pudding bear claw. Gingerbread sweet roll danish. Marzipan donut powder danish cheesecake bonbon. Danish cheesecake macaroon marzipan jujubes dessert.

ลองเลือก font-family ที่ถูกใจแล้วนำไปใช้ดูนะครับ

CSS : font-size

font-size เป็นการกำหนดขนาดของตัวอักษร

อย่างเช่น

ตัวอย่างข้อความ font-size:10px

ตัวอย่างข้อความ font-size:20px

ตัวอย่างข้อความ font-size:30px

ตัวอย่างข้อความ font-size:1em

ตัวอย่างข้อความ font-size:2em

ตัวอย่างข้อความ font-size:100%

ตัวอย่างข้อความ font-size:150%

CSS : font-style

font-style กำหนดลักษณะของตัวอักษร จะเป็นตัวธรรมดา หรือว่าตัวเอียง

• normal : ตัวธรรมดา
• italic : ตัวเอียง

ตัวอย่างข้อความ font-style:normal

ตัวอย่างข้อความ font-style:italic

CSS : font-variant

font-variant ทำให้ตัวอักษรที่เป็นตัวพิมพ์เล็ก กลายเป็นตัวพิมพ์ใหญ่ที่มีขนาดเล็ก

ตัวอย่างนะครับ

Font-variant:normal

Font-variant:small-caps

CSS : font-weight

font-weight เป็นคำสั่งที่กำหนดความหนาของตัวอักษร ส่วนมากจะใช้อยู่แค่ normal และ bold

ดูตัวอย่างนะครับ

ตัวอย่างข้อความ font-weight:normal

ตัวอย่างข้อความ font-weight:bold

CR.https://rabbitinblack.com/