แบบอักษรของเว็บไซต์

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

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

ในบทความนี้:

1. ชุดแบบอักษรปัจจุบัน
2. ค่าที่ตั้งล่วงหน้าแบบอักษร
3. แก้ไขขั้นสูง
4. รีเซ็ตการตั้งค่าแบบกำหนดเอง
5. แบบอักษรทางเลือกจาก Google

---

คุณสามารถจัดการแบบอักษรสำหรับเว็บไซต์ของคุณได้จาก ส่วน การออกแบบ (1)

เมื่อคุณอยู่ในส่วนการออกแบบแล้ว ให้คลิกที่ แท็บ แบบอักษร (2)

---

ชุดแบบอักษรปัจจุบัน

• ตัวเลือก ตั้งค่าแบบอักษรล่วงหน้า (1) จะแสดงที่นี่
• คุณสามารถปรับแต่ง หัวข้อ (2) และ ย่อหน้า (3) แบบอักษรสำหรับค่าที่ตั้งล่วงหน้าที่เลือก

• ข้อความด้านบน (5) หมายถึงแบบอักษรหัวเรื่อง
• ข้อความด้านล่าง (6) หมายถึงแบบอักษรย่อหน้า

---

ค่าที่ตั้งล่วงหน้าแบบอักษร

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

• คุณสามารถเปลี่ยนแบบอักษรทั่วโลกได้อย่างง่ายดายโดยเลือกตัวเลือกใดก็ได้ ตั้งค่าแบบอักษรล่วงหน้า (1)
• ตัวกรอง (2) รายการโดยเลือกการตั้งค่าล่วงหน้าทั้งหมด, Serif, Sans Serif หรือแบบผสม เมื่อคุณเลือกตัวกรองแล้ว คุณจะเห็นเฉพาะค่าที่ตั้งล่วงหน้าที่เกี่ยวข้องเท่านั้น
• เพื่อเลือก choose ตั้งค่าแบบอักษรล่วงหน้า (3) คุณเพียงแค่ต้องคลิกที่มันและ สาธารณะ (4) การเปลี่ยนแปลง

• เลื่อนลงไปด้านล่างสุดของรายการแบบอักษรเพื่อเข้าถึงและเลือกแบบอักษรที่มีอยู่ ฟอนต์ OFL.

---

แก้ไขขั้นสูง

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

คุณจะเห็นตัวเลือกต่อไปนี้ที่นี่:

• ชื่อเว็บไซต์
• เมนูส่วนหัว
• ส่วนหัว
• ย่อหน้า
• ปุ่ม
• ฟุตบอล
• เบ็ดเตล็ด

---

ชื่อเว็บไซต์

เป็นชื่อเว็บไซต์ของคุณซึ่งทำหน้าที่เป็นข้อความโลโก้หากไม่มีโลโก้หลัก

จากตรงนี้คุณสามารถ:

1. แบบอักษร - เลือกแบบอักษรสำหรับชื่อเว็บไซต์ของคุณ
2. น้ำหนัก - เลือกน้ำหนักแบบอักษรสำหรับชื่อเว็บไซต์ของคุณ
3. ขนาด – เดสก์ท็อป – ระบุขนาดตัวอักษรสำหรับชื่อเว็บไซต์ของคุณบนเดสก์ท็อป
4. ขนาด – มือถือ – ระบุขนาดตัวอักษรสำหรับชื่อเว็บไซต์ของคุณบนมือถือ
5. การเว้นวรรคตัวอักษร – กำหนดช่องว่างระหว่างตัวอักษรในชื่อไซต์

---

เมนูส่วนหัว

เป็นคอลเลกชันของหน้า ลิงก์ โฟลเดอร์ แกลเลอรี ฯลฯ ที่ช่วยให้ผู้ใช้สามารถย้ายไปมาระหว่างส่วนต่างๆ ของเว็บไซต์ได้

จากตรงนี้คุณสามารถปรับแต่งได้:

• เมนูหลัก

  1. แบบอักษร - ระบุแบบอักษรสำหรับลิงค์เมนู
  2. น้ำหนัก - เลือกน้ำหนักแบบอักษรสำหรับลิงก์เมนู
  3. ขนาด - ระบุขนาดตัวอักษรสำหรับลิงค์เมนู
  4. การเว้นวรรคตัวอักษร – กำหนดช่องว่างระหว่างตัวอักษรในลิงค์เมนู

• เมนูแบบเลื่อนลง

  1. แบบอักษร - ระบุแบบอักษรสำหรับลิงก์เมนูแบบเลื่อนลงของคุณ
  2. น้ำหนัก - เลือกน้ำหนักแบบอักษรสำหรับลิงก์เมนูแบบเลื่อนลง
  3. ขนาด - ระบุขนาดข้อความสำหรับลิงค์เมนูแบบเลื่อนลง
  4. การเว้นวรรคตัวอักษร – กำหนดช่องว่างระหว่างตัวอักษรในลิงก์เมนูแบบเลื่อนลง

---

ส่วนหัว

แท็กส่วนหัวมีความสำคัญเนื่องจากช่วยในการจัดโครงสร้างเนื้อหา ปรับปรุง SEO เพิ่มความสามารถในการเข้าถึงและความสามารถในการอ่าน แท็กส่วนหัวที่ Pixpa มีให้มีอยู่สี่ประเภท พวกเขากำลังมุ่งหน้า (H1), มุ่งหน้า (H2), มุ่งหน้า (H3) และมุ่งหน้า (H4)

จากตรงนี้คุณสามารถ:

1. แบบอักษร - ระบุลักษณะแบบอักษรสำหรับส่วนหัว (H1)
2. น้ำหนัก - เลือกน้ำหนักแบบอักษรสำหรับส่วนหัว (H1)
3. ขนาด – เดสก์ท็อป – ระบุขนาดตัวอักษรของส่วนหัว (H1) สำหรับเดสก์ท็อป
4. ขนาด – มือถือ – ระบุขนาดตัวอักษรของส่วนหัว (H1) สำหรับมือถือ
5. ความสูงของเส้น – ระบุความสูงของบรรทัดของแบบอักษรสำหรับส่วนหัว (H1) (ระบุในรูปแบบ em)
6. การเว้นวรรคตัวอักษร – ระบุช่องว่างระหว่างตัวอักษรของข้อความหัวข้อ (H1) (ระบุในรูปของ em)

การขยายข้อความ (ส่วนหัว)

• หัวข้อ – ระบุช่องว่างภายในสำหรับส่วนหัวบนเว็บไซต์ของคุณ

---

ย่อหน้า

ใช้เพื่อกำหนดและจัดโครงสร้างกลุ่มข้อความเป็นย่อหน้า โดยทั่วไปจะใช้สำหรับคำอธิบาย ชื่อภาพ คำบรรยาย ข้อความส่วนท้าย ฯลฯ

จากตรงนี้คุณสามารถ:

1. แบบอักษร - เลือกลักษณะแบบอักษรสำหรับข้อความย่อหน้าทั้งหมด (ปกติ เล็ก และใหญ่)
2. น้ำหนัก - เลือกน้ำหนักแบบอักษรสำหรับข้อความย่อหน้าทั้งหมด
3. P (ปกติ) – เดสก์ท็อป – เลือกขนาดแบบอักษรปกติของข้อความย่อหน้าทั้งหมดสำหรับเดสก์ท็อป
4. P (ปกติ) – มือถือ – เลือกขนาดแบบอักษรปกติของข้อความย่อหน้าทั้งหมดสำหรับมือถือ
5. P (เล็ก) – เดสก์ท็อป – เลือกขนาดตัวอักษรที่เล็กกว่า (น้อยกว่า P (ปกติ)) ของข้อความย่อหน้าทั้งหมดสำหรับเดสก์ท็อป
6. P (เล็ก) – มือถือ – เลือกขนาดตัวอักษรที่เล็กกว่า (น้อยกว่า P (ปกติ)) ของข้อความย่อหน้าทั้งหมดสำหรับมือถือ
7. P (ใหญ่) – เดสก์ท็อป – เลือกขนาดตัวอักษรที่ใหญ่กว่า (ใหญ่กว่า P (ปกติ)) ของข้อความย่อหน้าทั้งหมดสำหรับเดสก์ท็อป
8. P (ใหญ่) – มือถือ – เลือกขนาดตัวอักษรที่ใหญ่กว่า (ใหญ่กว่า P (ปกติ)) ของข้อความย่อหน้าทั้งหมดสำหรับมือถือ
9. ความสูงของเส้น – ระบุความสูงของบรรทัดของแบบอักษรสำหรับข้อความย่อหน้า (ระบุในรูปแบบ em)
10. การเว้นวรรคตัวอักษร – ระบุช่องว่างระหว่างตัวอักษรของข้อความย่อหน้า (ระบุในเงื่อนไขของ em)

---

การขยายข้อความ (ย่อหน้า)

ย่อหน้า –กำหนดระยะห่าง (padding) สำหรับย่อหน้าต่างๆ บนเว็บไซต์ของคุณ

---

ปุ่ม

ปุ่มคือองค์ประกอบที่คุณสามารถคลิกหรือแตะเพื่อดำเนินการบางอย่าง เช่น การส่งแบบฟอร์มหรือการนำทางไปยังหน้าอื่น

จากตรงนี้คุณสามารถ:

1. แบบอักษร - คุณสามารถเลือกแบบอักษรสำหรับข้อความของปุ่มได้จากที่นี่
2. น้ำหนัก - ตั้งค่าน้ำหนักแบบอักษรสำหรับข้อความของปุ่มจากที่นี่ คุณสามารถเลือกระหว่างปกติ สว่าง และหนาได้
3. ขนาด (ใหญ่) – ตั้งค่าขนาดตัวอักษรขนาดใหญ่สำหรับปุ่ม
4. ขนาด (กลาง) – กำหนดขนาดตัวอักษรขนาดกลางสำหรับปุ่ม
5. ขนาด (เล็ก) – กำหนดขนาดตัวอักษรขนาดเล็กสำหรับปุ่ม
6. การเว้นวรรคตัวอักษร – กำหนดช่องว่างระหว่างตัวอักษรของข้อความปุ่มจากที่นี่ (ระบุใน em)

---

ฟุตบอล

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

1. แบบอักษร - ระบุรูปแบบแบบอักษรสำหรับข้อความส่วนท้าย
2. น้ำหนัก - ตั้งค่าน้ำหนักแบบอักษรสำหรับข้อความส่วนท้ายได้จากที่นี่ คุณสามารถเลือกระหว่างแบบปกติ แบบสว่าง และแบบหนา
3. ขนาดตัวอักษร – กำหนดขนาดตัวอักษรสำหรับข้อความส่วนท้าย
4. ขนาดเมนู – กำหนดขนาดตัวอักษรสำหรับรายการเมนูส่วนท้าย
5. ขนาดชื่อไซต์ (เดสก์ท็อป) – ปรับขนาดของชื่อไซต์ส่วนท้ายเมื่อดูบนเดสก์ท็อป
6. ขนาดชื่อไซต์ (มือถือ) – ปรับขนาดของชื่อไซต์ส่วนท้ายเมื่อดูบนอุปกรณ์เคลื่อนที่
7. การเว้นวรรคตัวอักษร – ระบุระยะห่างระหว่างตัวอักษรสำหรับข้อความส่วนท้าย (วัดเป็นหน่วย em)

---

เบ็ดเตล็ด

นี่คือตัวเลือกการปรับแต่งอื่นๆ ภายใต้การตั้งค่าแบบอักษร จากตรงนี้คุณสามารถ:

ชื่อรูปภาพของแกลเลอรี

สิ่งนี้ใช้เมื่อคุณเลือกที่จะแสดงชื่อภาพเมื่อโฮเวอร์

1. 1. แบบอักษรโฮเวอร์ – คุณสามารถเลือกแบบอักษรสำหรับข้อความชื่อรูปภาพเมื่อวางเมาส์เหนือจากที่นี่
   2. น้ำหนักโฮเวอร์ – ตั้งค่าน้ำหนักแบบอักษรสำหรับข้อความชื่อรูปภาพจากที่นี่ คุณสามารถเลือกระหว่างปกติ สว่าง และหนาได้
   3. ขนาดโฮเวอร์ – กำหนดขนาดของข้อความชื่อรูปภาพเมื่อโฮเวอร์จากที่นี่
   4. การเว้นวรรคตัวอักษร – กำหนดช่องว่างระหว่างตัวอักษรของข้อความชื่อรูปภาพจากที่นี่ (ระบุใน em)

---

รีเซ็ตการตั้งค่าแบบกำหนดเอง

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

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

---

แบบอักษรทางเลือกจาก Google

ต่อไปนี้เป็นตัวอย่างฟอนต์ทางเลือกจาก Google สำหรับฟอนต์ยอดนิยม บางฟอนต์ :

• แบรนดอนวิตถาร – Sans Josefin
• โซเฟียโปร – ป๊อปปิ้น
• อเวเนียร์ – lato or รวดเร็ว
• พรอกซิมาโนวา - มอนต์เซอร์รัต or Roboto
• พร็อกซิมา ซอฟต์ – นูนิโต้
• ดิน – บาร์โลว์
• กฎบัตร – ที่มา Serif Pro
• เฮลเวติก้า นอย – Roboto or ทำงาน Sans
• วิทนีย์ – คาตามารัน or หลัง
• ก็อตแธม – มอนต์เซอร์รัต
• ทิซ่า เซอริฟ – พี.ที.เซอริฟ
• Museo Slab - แผ่น Zilla or Roboto Slab
• ออพติมา – คลังแสง
• สโกลาร์ – แหล่งที่มา Serif
• จดหมายโกธิค – ฟีร่า โมโน
• Segoe UI – เปิด sans
• ฟูทูร่า – อีกครั้ง
• กิบสัน – โนโตะซัง
• โซน่า โปร – ป๊อปปิ้น
• มินเนี่ยน – ข้อความสีแดงเข้ม
• มอสตรา นูโอวา – Sans Josefin
• ธรณีพิโรธ – กองทัพ
• บาสเกอร์วิลล์ – ฟรี Baskerville
• เซนติเนล – ครอบงำ
• นอยซ์ – หลัง
• มิลเลอร์ – เมษายน Fatface

---

บทความที่เกี่ยวข้อง:

• เพิ่มแบบอักษรที่กำหนดเองของคุณ
• จัดการสีของเว็บไซต์
• เปลี่ยนเทมเพลตเว็บไซต์ของคุณ