25 Gorgeous Web Safe Fonts สำหรับเว็บไซต์ของคุณ

บทความที่เขียนโดย: Azreen Azmi
  • ธุรกิจออนไลน์
  • อัปเดตแล้ว: ต.ค. 05, 2020

แบบอักษร เราเห็นพวกเขาทุกวัน ตั้งแต่โฆษณาสิ่งพิมพ์ไปจนถึงนิตยสารมีฟอนต์ทุกประเภททั่วโลก

ไม่ว่าคุณจะเป็นเจ้าของร้านค้าอีคอมเมิร์ซหรือบล็อกเกอร์รุ่นใหม่สิ่งหนึ่งที่เว็บไซต์ทั้งหมดมีเหมือนกันคือการใช้ข้อความสำหรับเนื้อหา

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

แต่สิ่งที่สำคัญกว่าคือการเป็นฟอนต์ที่ปลอดภัยสำหรับเว็บ

Web Safe Fonts คืออะไร?

แบบอักษรที่ปลอดภัยบนเว็บเป็นรูปแบบแบบอักษรที่มักจะติดตั้งไว้ล่วงหน้าและทำให้สามารถดูได้ในอุปกรณ์ส่วนใหญ่เช่นคอมพิวเตอร์โทรศัพท์มือถือสมาร์ททีวีและแท็บเล็ต

ทำไมแบบอักษรเว็บที่ปลอดภัยจึงสำคัญ

ในโลกที่เหมาะคุณควรมีความสามารถในการเลือกแบบอักษรที่คุณต้องการสำหรับเว็บไซต์ของคุณ ในความเป็นจริงมีข้อ จำกัด ประเภทของแบบอักษรที่คุณสามารถใช้ได้

คอมพิวเตอร์ส่วนใหญ่และเว็บเบราเซอร์มีชุดของแบบอักษรที่ติดตั้งไว้ล่วงหน้าโดยผู้ผลิต แต่การออกแบบของพวกเขาสามารถ (และโดยปกติ) แตกต่างกัน ไม่มีชุดแบบอักษรมาตรฐานที่แชร์โดยผู้ผลิตรายอื่นทั้งหมด

หากแบบอักษรที่คุณใช้ไม่ได้ติดตั้งไว้ในคอมพิวเตอร์ของผู้ใช้เว็บไซต์ของคุณจะกลับไปใช้แบบอักษรทั่วไปซึ่งบางครั้งอาจไม่สามารถอ่านได้

ในอื่น ๆ เพื่อหลีกเลี่ยงที่นักออกแบบเว็บได้ใช้ แบบอักษรหลักสำหรับเว็บ Microsoft ได้ออก 1996 เป็นมาตรฐานสำหรับแบบอักษรของเว็บไซต์มากที่สุด ชุดแบบอักษรเหล่านี้กลายเป็น "แบบอักษรปลอดภัยบนเว็บ" เนื่องจากไม่คำนึงถึงคอมพิวเตอร์แบบอักษรนี้จะปรากฏบนเว็บไซต์ของคุณอย่างปลอดภัย

ฉันควรใช้แบบอักษร Safe Web สำหรับเว็บไซต์ของฉันหรือไม่?

คำตอบสั้น ๆ : อย่างแน่นอน

หากคุณต้องการให้ตราสินค้าและตราสินค้าของเว็บไซต์ของคุณมีความสอดคล้องกันการใช้แบบอักษรปลอดภัยบนเว็บช่วยให้มั่นใจว่าเว็บไซต์ของคุณจะปรากฏตรงตามที่คุณตั้งใจไว้

ในความเป็นจริงเกือบทุกเว็บไซต์ในปัจจุบันใช้รูปแบบเว็บปลอดภัยบางรูปแบบ นักออกแบบเว็บมักจะแนะนำให้เลือกแบบอักษรปลอดภัยบนเว็บเพื่อหลีกเลี่ยงการใช้แบบอักษรทั่วไปเช่น Times New Roman ปรากฏขึ้นเมื่อผู้ใช้เข้าชมเว็บไซต์ของคุณหากไม่ได้ระบุแบบอักษรเฉพาะหรือแบบกำหนดเอง

ฉันจะเพิ่มแบบอักษร Safe Web เหล่านี้ได้อย่างไร?

มีหลายวิธีที่คุณสามารถใช้เพื่อเพิ่มแบบอักษรเหล่านี้ลงในหน้าเว็บของคุณได้ แต่ถ้าคุณไม่ได้เข้าสู่โปรแกรมหรือมีประสบการณ์ทางเทคนิคเพียงเล็กน้อยคุณก็สามารถคัดลอกโค้ดดิบ CSS และวางได้โดยตรง ลงในสไตล์ชีตของคุณเองเพื่อใช้แบบอักษร

หากคุณยังไม่แน่ใจให้ทำตามขั้นตอนง่าย ๆ เหล่านี้:

  1. โหลดไฟล์ header.php ของคุณ
  2. คัดลอกซอร์สแบบอักษร / โค้ดมาตรฐาน (ดูข้อมูลอ้างอิง 1)
  3. วางรหัสที่ด้านบนของไฟล์ส่วนหัว
  4. โหลด style.css ของคุณใส่รหัสแบบอักษรเพื่อเปลี่ยนข้อความแบบอักษรที่คุณต้องการ (ดูข้อมูลอ้างอิง 2)

1 อ้างอิง

2 อ้างอิง

เนื้อความ {font-family: 'Abel'; font-size: 22px;}

25 Gorgeous Web Safe Fonts สำหรับเว็บไซต์ของคุณ

1 Arial

Web Safe Fonts - Arial

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

2 Calibri

Web Safe Fonts - Calibri

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS 

3 Helvetica

Web Safe Fonts - Helvetica

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

4 Segoe UI

Web Safe Fonts - Segoe UI

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

5 Trebuchet MS

แบบอักษรที่ปลอดภัยของเว็บ - Trebuchet

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS 

6 แคมเบรีย

Web Safe Fonts - แคมเบรีย

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS 

7 Palatino

Web Safe Fonts - Palatino

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

8 Perpetua

Web Safe Fonts - Perpetua

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

9 จอร์เจีย

Web Safe Fonts - จอร์เจีย

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS 

10 Consolas

Web Safe Fonts - Consolas

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

11 Courier New

Web Safe Fonts - Courier ใหม่

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS 

12 Tahoma

Web Safe Fonts - Tahoma

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

13 Verdana

Web Safe Fonts - Verdana

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

14 Optima

Web Safe Fonts - Optima

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

15 Gill Sans

Web Safe Fonts - Gill Sans

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

16 ศตวรรษโกธิค

Web Safe Fonts - ศตวรรษกอธิค

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS 

17 Candara

Web Safe Fonts - Candara

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

18 Andale Mono

Web Safe Fonts - Andale Mono

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS 

19 Didot

Web Safe Fonts - Didot

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

20 ทองแดงโกธิค

Web Safe Fonts - Copperplate

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS 

21 Rockwell

แบบอักษรที่ปลอดภัยของเว็บ - Rockwell

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS 

22 Bodoni

Web Safe Fonts - Bodoni

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

23 Franklin Gothic

Web Safe Fonts - แฟรงคลินโกธิค

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS 

24 ส่งผลกระทบ

Web Safe Fonts - ผลกระทบ

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS 

25 Calisto MT

Web Safe Fonts - Calisto

การเชื่อมโยง / ที่มา: Fonts.com / กองแบบอักษร CSS

เครื่องมือแบบอักษรเพื่อตรวจสอบ

มีเครื่องมือมากมายที่คุณสามารถใช้ในการตรวจสอบและทดสอบแบบอักษรต่างๆที่คุณสามารถใช้ได้ เว็บไซต์ของคุณ. หากคุณมีปัญหาในการเลือกแบบอักษรหรือต้องการสำรวจว่าแบบอักษรที่ปลอดภัยบนเว็บมีให้ใช้งานไซต์เหล่านี้เป็นเครื่องมือที่ยอดเยี่ยม

คู่แบบอักษร

คู่แบบอักษร มีแหล่งข้อมูลปลั๊กอิน eBook คู่มือวิดีโอและแม้แต่แรงบันดาลใจในทุกอย่างที่เกี่ยวข้องกับการพิมพ์ พวกเขายังมีส่วนที่ให้แบบอักษรที่เป็นที่นิยมมากที่สุดใน Google Fonts และแบบอักษรใดจะจับคู่กันได้ดีที่สุด

Wordmark.it

ถ้าคุณต้องการดูตัวอย่างอย่างรวดเร็วของสิ่งที่ข้อความของคุณจะมีลักษณะเช่นเดียวกับแบบอักษรบางตัว Wordmark.it ช่วยให้คุณสามารถดูตัวอย่างได้ว่าข้อความของคุณจะปรากฏบนแบบอักษรหลายแบบพร้อมกันอย่างไร เพียงพิมพ์คำหรือวลีลงบนแถบด้านหน้าให้กด enter และจะแสดงข้อความของคุณด้วยแบบอักษรต่างๆเช่น Candara หรือ Lucida Console

WhatTheFont

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

มันคือทั้งหมดที่เกี่ยวกับการเล่นแบบอักษร

หากคุณเป็นอะไรที่เหมือนกับฉันคุณจะใช้เวลามากมายบนเว็บการอ่านและการเยี่ยมชมเว็บไซต์มากมาย ด้วยเหตุนี้คุณจะประทับใจเมื่อเว็บไซต์ใช้ตัวอักษรที่ดีเพื่อเสริมการออกแบบภาพของเว็บไซต์

เมื่อคุณใช้แบบอักษรปลอดภัยทางเว็บที่ทำให้ดวงตาของคุณพอใจผู้ใช้ของคุณจะรู้สึกขอบคุณและยินดีที่จะกลับมาใช้เนื้อหาของคุณอีกต่อไป ดังนั้นสิ่งที่คุณรอ? เริ่มใช้แบบอักษรเหล่านี้และ สร้างเว็บไซต์ที่น่ากลัว สำหรับธุรกิจของคุณ!

เกี่ยวกับ Azreen Azmi

Azreen Azmi เป็นนักเขียนที่มีใจชอบในการเขียนเกี่ยวกับการตลาดเนื้อหาและเทคโนโลยี จาก YouTube ถึง Twitch เขาพยายามติดต่อกับเนื้อหาล่าสุดในการสร้างเนื้อหาและหาวิธีที่ดีที่สุดในการทำตลาดแบรนด์ของคุณ

เชื่อมต่อ: