W3.CSS

W3.CSS หน้าแรก W3.CSS แนะนำ W3.CSS สี คอนเทนเนอร์ W3.CSS แผง W3.CSS เส้นขอบ W3.CSS การ์ด W3.CSS ค่าเริ่มต้นของ W3.CSS แบบอักษร W3.CSS W3.CSS Google W3.CSS Text W3.CSS รอบ W3.CSS แพ็ดดิ้ง W3.CSS Margins จอแสดงผล W3.CSS ปุ่ม W3.CSS W3.CSS หมายเหตุ คำคม W3.CSS การแจ้งเตือน W3.CSS ตาราง W3.CSS รายการ W3.CSS W3.CSS รูปภาพ อินพุต W3.CSS ป้าย W3.CSS แท็ก W3.CSS ไอคอน W3.CSS W3.CSS ตอบสนอง เค้าโครง W3.CSS ภาพเคลื่อนไหว W3.CSS เอฟเฟกต์ W3.CSS W3.CSS บาร์ ดรอปดาวน์ W3.CSS หีบเพลง W3.CSS W3.CSS การนำทาง แถบด้านข้าง W3.CSS แท็บ W3.CSS การแบ่งหน้า W3.CSS แถบความคืบหน้า W3.CSS สไลด์โชว์ W3.CSS W3.CSS โมดอล เคล็ดลับเครื่องมือ W3.CSS W3.CSS กริด รหัส W3.CSS ตัวกรอง W3.CSS W3.CSS Trends กรณี W3.CSS W3.CSS วัสดุ การตรวจสอบ W3.CSS เวอร์ชัน W3.CSS W3.CSS มือถือ

W3.CSS สี

คลาสสี W3.CSS W3.CSS วัสดุสี W3.CSS Color Flat UI W3.CSS Color Metro UI W3.CSS สี Win8 W3.CSS Color iOS W3.CSS แฟชั่นสี ไลบรารีสี W3.CSS W3.CSS แบบแผนสี ธีมสี W3.CSS ตัวสร้างสี W3.CSS

การสร้างเว็บ

แนะนำเว็บ เว็บ HTML เว็บ CSS JavaScript ของเว็บ เค้าโครงเว็บ เว็บแบนด์ เว็บจัดเลี้ยง เว็บร้านอาหาร สถาปนิกเว็บ

ตัวอย่าง

ตัวอย่าง W3.CSS W3.CSS สาธิต เทมเพลต W3.CSS

อ้างอิง

การอ้างอิง W3.CSS ดาวน์โหลด W3.CSS

แบบอักษร W3.CSS

Verdanaเป็นแบบอักษรเริ่มต้นที่ใช้ใน W3.CSS Verdana มีการเว้นวรรคตัวอักษรที่ดีและอ่านง่าย Verdana ยังเป็นแบบอักษรเริ่มต้นสำหรับ W3Schools

Segoe UIเป็นแบบอักษรเริ่มต้นสำหรับส่วนหัว Segoe UI มีการเว้นวรรคตัวอักษรที่แคบกว่า ซึ่งจะทำให้มีตัวอักษรเพิ่มขึ้นอีกสองสามตัวในส่วนหัว

การใช้แบบอักษรเริ่มต้นอื่น

การใช้แบบอักษรเริ่มต้นอื่นใน W3.CSS นั้นง่ายมาก:

ตัวอย่าง

body, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}

การใช้คลาสฟอนต์

ด้วย W3.CSS คุณสามารถใช้คลาสฟอนต์ในตัวที่แตกต่างกัน 4 คลาส:

  • w3-serif
  • w3-sans-serif
  • w3-monospace
  • w3-เล่นหาง

นี่คือ w3-serif

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

<p class="w3-serif">

นี่คือ w3-sans-serif

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

<p class="w3-sans-serif">

นี่คือ w3-monospace

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

<div class="w3-monospace">

นี่คือ w3-cursive

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

<div class="w3-cursive">


แบบอักษร Sans Serif ที่ปลอดภัยสำหรับเว็บ

ตระกูลอักษรทางเลือกที่ปลอดภัย
Arialเฮลเวติกา, ซังเซริฟ
HelveticaArial, ซานเซอริฟ
เวอร์ดานาเจนีวา, ซานส์-เซริฟ
เจนีวาเวอร์ดานา, ซังเซริฟ
tahomaArial, ซานเซอริฟ
Trebuchet MSArial, ซานเซอริฟ

Arialถือเป็นฟอนต์ sans-serif ที่ปลอดภัยที่สุดบนเว็บ มีการติดตั้งบนเครื่อง Windows ทั้งหมด (99.8%) และเครื่อง Mac ทั้งหมด (98.7%)

Helveticaเป็นทางเลือกสำรองที่ต้องการเนื่องจากแบบอักษรทั้งสองเกือบจะเหมือนกัน Helvetica ทำงานบนเครื่อง Mac ทั้งหมด (100%) แต่ในเครื่อง Windows จำนวนน้อยกว่า (7.3%)

การใช้ Arial กับ Helvetica fallback หรือ Helvetiva กับ Arial fallback จะครอบคลุมทั้งสองโลก

Verdanaยังถือเป็นแบบอักษรซานเซอริฟที่ปลอดภัยสำหรับเว็บอีกด้วย มันทำงานบนเครื่อง Windows ทั้งหมด (99.8%) และเครื่อง Mac ทั้งหมด (99.1%)

เจนีวาเป็นทางเลือกที่ Verdanas เลือกใช้ เนื่องจากแบบอักษรทั้งสองค่อนข้างคล้ายกัน และ Geneva ทำงานบนเครื่อง Mac ทั้งหมด (99.6%)

Tahomaเป็นฟอนต์มาตรฐานใน Windows 95 ใช้งานได้ 99.9% ของเครื่อง Windows ทั้งหมด และ 91.7% ของเครื่อง Mac ทั้งหมด

Trebuchet MSเปิดตัวพร้อมกับระบบปฏิบัติการ Windows ทั้งหมด (99.7%) ตั้งแต่ Microsoft Windows 2000 และยังรวมอยู่ในเครื่อง Mac (97.1%), iOS และ Chrome OS

ที่มา: CSS Font Stack


นี่คือ Arial

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

<style>
body, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}
</style>

Arial อยู่ในอันดับที่ 1ในการใช้งานบนเว็บ


นี่คือเฮลเวติกา

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

<style>
body, h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;
}
</style>

Helvetica อยู่ในอันดับที่ #2ในการใช้งานบนเว็บ


นี่คือ Verdana

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

body, h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Geneva, sans-serif;
}

Verdana อยู่ในอันดับที่ 3ในการใช้งานบนเว็บ


นี่คือเจนีวา

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

body, h1, h2, h3, h4, h5, h6 {
  font-family: Geneva, Verdana, sans-serif;
}

นี่คือทาโฮมา

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

body, h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma, "Trebuchet MS", sans-serif;
}

นี่คือ Trebuchet MS

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Tahoma, sans-serif;
}

นี่คือ Segoe UI

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Segoe UI", Arial, sans-serif
}

Segoe UI เป็นแบบอักษรเริ่มต้นใน Windows 10 นอกจากนี้ยังเป็นแบบอักษรส่วนหัวเริ่มต้นใน W3Schools และ W3.CSS


แบบอักษร Serif ที่ปลอดภัยสำหรับเว็บ

ตระกูลอักษรทางเลือกที่ปลอดภัย
Times New Romanครั้ง, serif
จอร์เจียserif

Times New Romanถือเป็นแบบอักษรเซอริฟที่ปลอดภัยที่สุดสำหรับเว็บ ใช้งานได้กับเครื่อง Windows ทั้งหมด (99.7%) และเครื่อง Mac ทั้งหมด (97.4%)

ระบบปฏิบัติการที่เก่ากว่าบางระบบอาจมีเวอร์ชันทางเลือกที่เรียกว่าTimesดังนั้นจึงควรใช้ Times เป็นทางเลือกสำรองและ serif

จอร์เจียถือว่าปลอดภัยมากเช่นกัน มีขนาดใหญ่กว่า Times New Roman เล็กน้อย แต่ใช้งานได้ดีกับเครื่อง Windows ส่วนใหญ่ (99.4%) และเครื่อง Mac (97.5%)

เพื่อความปลอดภัย ให้ใช้ serif เป็นทางเลือก


นี่คือ Times New Roman

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Times New Roman", Times, serif;
}

นี่คือจอร์เจีย

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

body, h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif;
}

แบบอักษรโมโนสเปซ

ในแบบอักษรโมโนสเปซ ตัวอักษรทั้งหมดมีความกว้างเท่ากัน

แบบอักษร Monospaced มักใช้เพื่อแสดงรหัสคอมพิวเตอร์

ตระกูลอักษรทางเลือกที่ปลอดภัย
ใหม่ Courierโมโนสเปซ
คอนโซลเคลือบเงาโมนาโก monospace
โมนาโกLucida Console, โมโนสเปซ

Courier Newถือเป็นแบบอักษรโมโนสเปซที่ปลอดภัยที่สุดสำหรับเว็บ มันถูกติดตั้งบนเครื่อง Windows และ Mac ส่วนใหญ่

Lucida Consoleไม่ทำงานบน Mac โมนาโกไม่ทำงานบน Windows

ทางออกหนึ่งคือใช้โมนาโกเป็นทางเลือกสำหรับ Lucida Console

ไม่มีแบบอักษรที่ปลอดภัยสำหรับเว็บ 100% แต่คุณสามารถใช้w3-monospaceได้ตลอดเวลา


นี่คือ w3-monospace

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

<div class="w3-monospace">


นี่คือ Courier ใหม่

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Courier New", monospace;
}

นี่คือลูซิดาหรือโมนาโก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Console", Monaco, monospace;
}

แบบอักษรลายมือ

ไม่มีแบบอักษรลายมือที่ปลอดภัยสำหรับเว็บ แต่คุณสามารถใช้w3-cursiveได้ อย่างปลอดภัย

นี่คือ w3-cursive

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

นอร์เวย์มีพื้นที่ทั้งหมด 385,252 ตารางกิโลเมตรและมีประชากร 5,438,657 (ธันวาคม 2020) นอร์เวย์ติดกับสวีเดน ฟินแลนด์ และรัสเซียทางตะวันออกเฉียงเหนือ และ Skagerrak ทางทิศใต้ติดกับเดนมาร์ก

ตัวอย่าง

<div class="w3-cursive">