Font manager

การตั้งค่า Font Manager นี้เพื่อเปลี่ยนรูปแบบตัวอักษรเริ่มต้น (เช่น หัวเรื่อง ย่อหน้า) Visual Composer Font Manager ทำงานร่วมกับVisual Composer layouts และธีม Visual Composer

1.ไปที่ Visual Composer >Font Manager > Enable Font Manager

เมื่อเปิดใช้งาน Font Manager สามารถกำหนดรูปแบบตัวอักษร ขนาด สี สำหรับหัวเรื่อง ย่อหน้า ลิงก์ เครื่องหมายคำพูด เมนู ปุ่ม คำบรรยายภาพ และสัญลักษณ์แสดงหัวข้อย่อยสำหรับอุปกรณ์ต่างๆ

Responsive Mode

Visual Composer เวอร์ชัน 43.0 ได้แนะนำโหมด Responsive สำหรับ Font Manager ซึ่งอนุญาตให้เปลี่ยนแปลงรูปแบบฟอนต์เฉพาะอุปกรณ์ได้

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

ตัวอย่างการแก้ style H1

สามารถกำหนด fontได้โดย กำหนด
 - Language >  AllLanguage
Font Family > เลือก font ที่ต้องการ
Font Style
-  Font Size

และยังสามารถ กำหนดสีของของ font ได้

ตัวอย่างการเลือก สี ข้อความ

 

การแก้ไขสี link 

สามารถกำหนด link styling > ling Color

**เมื่อมีการ on mouse ของ link สีจะเปลี่ยน

ตัวอย่างการใส่ สีที่ link 

 

ภาพตัวอย่าง ก่อน on mouse

ภาพตัวอย่าง on mouse สีที่ link จะเปลี่ยน

การ Reset รูปแบบ font

เมื่อทำการเปลี่ยนรูปแบบแบบอักษรสำหรับอุปกรณ์เฉพาะ จะมีปุ่มรีเซ็ตที่สามารถใช้เพื่อรีเซ็ตรูปแบบกลับเป็นค่าส่วนกลาง ตัวอย่างเช่น ตั้งค่า font-family ของ H1 ตามค่าส่วนกลางเป็น Montserrat จากนั้นในแนวตั้งบนมือถือ ตั้งค่าเป็น Ubuntu เมื่อเปลี่ยนแล้วจะมีปุ่มรีเซ็ตทางด้านขวา เมื่อคลิกจะตั้งค่าตระกูลฟอนต์ กลับเป็นMontserrat (ค่าสากล)

ตัวอย่างการแสดงผลด้านขวา จะมีการ Preview ให้เห็นถึงการตั้งค่า

การเลือก  font ไทย

สามารถเลือก font สำหรับภาษาไทยได้โดย
1. Language > เลือกภาษา ไทย
2. Font Family >เลือก font ที่ต้องการ

ชื่อฟอนต์ไทย

ตัวอย่างการแสดงผล

Kanit

ฟอนต์ไทยยอดนิยม ช่วยคุณทำเว็บให้สวยได้

IBM Plex Sans Thai

ฟอนต์ไทยยอดนิยม ช่วยคุณทำเว็บให้สวยได้

Noto Sans Thai

ฟอนต์ไทยยอดนิยม ช่วยคุณทำเว็บให้สวยได้

Mali

ฟอนต์ไทยยอดนิยม ช่วยคุณทำเว็บให้สวยได้

Chonburi

ฟอนต์ไทยยอดนิยม ช่วยคุณทำเว็บให้สวยได้

Pattaya

ฟอนต์ไทยยอดนิยม ช่วยคุณทำเว็บให้สวยได้

Prompt

ฟอนต์ไทยยอดนิยม ช่วยคุณทำเว็บให้สวยได้

Sarabun

ฟอนต์ไทยยอดนิยม ช่วยคุณทำเว็บให้สวยได้

Krub

ฟอนต์ไทยยอดนิยม ช่วยคุณทำเว็บให้สวยได้

Mitr

ฟอนต์ไทยยอดนิยม ช่วยคุณทำเว็บให้สวยได้

Athiti

ฟอนต์ไทยยอดนิยม ช่วยคุณทำเว็บให้สวยได้

Sriracha

ฟอนต์ไทยยอดนิยม ช่วยคุณทำเว็บให้สวยได้

ตัวอย่างการแก้ style H1

Typography is the art and technique of arranging type to make written language legible, readable and appealing when displayed. The arrangement of type involves selecting typefaces, point size, line length, line-spacing (leading), letter-spacing (tracking), and adjusting the space within letters pairs (kerning).


การบันทึกการตั้งค่า Font

หลังจากตั้งค่ารูปแบบของ Font เรียบร้อยแล้วให้บันทึกโดยคลิกที่ปุ่ม [ SAVE CHANGE ]