วิธีใช้แบบอักษร Google Sans ในเว็บไซต์, Windows 11 และ Linux

/th/images/quickfever-social.jpg

โฆษณา

ข้อจำกัดความรับผิดชอบ: Google Sans เป็นฟอนต์ Product Sans เวอร์ชันปรับขนาดให้เหมาะสม โปรดจำไว้ว่าแบบอักษรอยู่ภายใต้ใบอนุญาตแบบจำกัดของ Google ซึ่งหมายความว่าทุกคนไม่สามารถใช้ได้

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

หากคุณต้องการใช้ Google Sans ในเว็บไซต์ของคุณ ต่อไปนี้คือวิธีการดังกล่าว

Google Sans ดูว่ามีลักษณะอย่างไร

/th/images/Google-sans-windows-10.png

การเพิ่มแบบอักษร Google Sans ให้กับไซต์ WordPress

รหัสด้านล่างนำมาจาก Google API ซึ่งเป็นต้นฉบับ หากต้องการใช้ Google Sans บนเว็บไซต์หรือบล็อกของคุณ คุณต้องเพิ่มแหล่งที่มาก่อน ประการที่สอง ประกาศตำแหน่งที่คุณต้องการใช้ API มีตัวเลือกภาษาแบบอักษรทั้งหมด นี่คือเวอร์ชันละตินที่มีน้ำหนักแบบอักษร 400 (ปกติ) และ 500 (กลาง)

นอกเหนือจากนี้ ยังมีรูปแบบอื่นๆ อีกสองสามแบบ เช่น 700 ฟอนต์-เวท ภาษาอื่นๆ เช่น กรีก เวียดนาม และซีริลลิก



กำลังเพิ่มแหล่งที่มา

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

ในการเพิ่มแหล่งที่มาของ Google Sans ให้คัดลอกโค้ดต่อไปนี้และวางบน WordPress > ลักษณะที่ปรากฏ > ตัวแก้ไข > พื้นที่ CSS เพิ่มเติม ส่วนใครอยากเพิ่มผ่าน HTML อ่านต่อได้เลย

/th/images/Google-sans-font-wordpress.png

หากคุณมีสิทธิ์เข้าถึงไฟล์ธีม WordPress ให้เพิ่มบรรทัดต่อไปนี้ วิธีการนี้ใช้ได้กับหน้า WordPress, Blogger และ Github ใช้ปลั๊กอิน WordPress แทรกส่วนหัวและส่วนท้ายเพื่อความสะดวก

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

ประกาศเลยครับ.

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

เนื้อความ p {ตระกูลแบบอักษร: Google Sans;}

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

เนื้อความ {ตระกูลแบบอักษร: Google Sans!important;}

หากคุณยังคงประสบปัญหา โปรดแสดงความคิดเห็น เรายินดีที่จะช่วยเหลือคุณ

การใช้ฟอนต์ Google Sans ในบล็อกของบล็อกเกอร์

Blogger หรือ Blogspot เป็นบริการบล็อกฟรีจาก Google เนื่องจากคุณสามารถแก้ไขสคริปต์ธีมของคุณได้ การเพิ่มบรรทัดนี้จะเป็นการเพิ่มแบบอักษร Google Sans ให้กับบล็อกของบล็อกเกอร์ของคุณ

  1. เข้าถึงบล็อกของบล็อกเกอร์

  2. ไปที่ธีม

  3. คลิกแก้ไข HTML

  4. วางโค้ดต่อไปนี้หลังแท็ก

ตัวเลือกอื่นๆ

ดาวน์โหลด Google Sans สำหรับเดสก์ท็อป (TTF)

Google Sans เป็นแบบอักษรผลิตภัณฑ์เวอร์ชันปรับขนาดให้เหมาะสม คุณสามารถรับ Product Sans ได้ฟรีจากเว็บไซต์ befont

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

*️⃣ ลิงค์ที่มา:

Google Fonts , แทรกส่วนหัวและส่วนท้าย , ดาวน์โหลด Google Sans สำหรับเดสก์ท็อป (TTF), เว็บไซต์ befont ,