Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> สมาร์ทโฟน >> Google

เชี่ยวชาญ Google Fonts: คู่มือครบวงจรใช้และปรับแต่งฟอนต์ Google

Google—คำเดียวที่ครอบคลุมโลกของเรา ไม่ว่าต้องการรู้อะไร เราก็วิ่งหาคำตอบที่ Google Google ให้บริการกว้างขวางที่ได้รับการชื่นชมจากล้านล้านผู้ใช้ (ลูกค้าที่พอใจ) ทั่วโลก Google มากกว่า Search Engine แน่นอน!

เรารู้จักบริการ Google หลายอย่าง เช่น Gmail, Google Translate, Google Drive, Google Play Music และอื่นๆ แล้วคุณเคยได้ยิน Google Fonts ไหม? มันซ่อนอยู่ที่มองเห็นได้ตลอดเวลา

มารู้จัก Google Fonts คืออะไร วิธีใช้ Google Fonts และทุกอย่างเกี่ยวกับบริการน่าสนใจนี้จากยักษ์ใหญ่

Google Fonts คืออะไร?

เชี่ยวชาญ Google Fonts: คู่มือครบวงจรใช้และปรับแต่งฟอนต์ Google

Google Fonts เปิดตัวเมื่อ 2010 ตั้งแต่นั้นมา ใช้โดยนักพัฒนาเว็บ นักออกแบบกราฟิก ศิลปิน และมืออาชีพทั่วโลก Google Fonts ให้คอลเลกชันฟอนต์หลากหลายมาก ใช้ได้ทั้งส่วนตัวและเชิงพาณิชย์

สงสัยว่าใครสร้างฟอนต์เหล่านี้? Google Fonts เป็นพื้นที่ร่วมมือรวบรวมนักออกแบบและศิลปินสร้าง Open-source web fonts ที่ Google นำมาใช้บริการนี้ Google เปิดตัวเพื่อทำให้เว็บสวยขึ้น สร้างสรรค์ขึ้น และ เร็วขึ้น สำคัญที่สุด Google Fonts มีไลบรารีใหญ่กว่า 900 ฟอนต์ สร้างสรรค์ น่าสนใจ ใช้งานง่ายมาก นำไปใช้บนเว็บไซต์ได้เร็ว

เชี่ยวชาญ Google Fonts: คู่มือครบวงจรใช้และปรับแต่งฟอนต์ Google

น่าสนใจใช่ไหม?

มาดูวิธีใช้ Google Fonts ทำให้เว็บไซต์สวยงามกัน

อ่านเพิ่มเติม: วิธีเอา Google ออกจากชีวิตคุณ

วิธีใช้ Google Fonts

ก่อนอื่น ไป Google Fonts official webpage เริ่มสำรวจฟอนต์ใหม่ หงุดหงิดว่าเริ่มที่ไหน? หากหาฟอนต์เฉพาะตัว กดช่องค้นหาดูผลลัพธ์ทั้งหมด

เชี่ยวชาญ Google Fonts: คู่มือครบวงจรใช้และปรับแต่งฟอนต์ Google

กรองการค้นหาด้วยตัวกรอง: หมวดหมู่, ภาษา, และแอตทริบิวต์ฟอนต์อื่นๆ เลื่อนลงสำรวจฟอนต์หลากหลายจากนักออกแบบทั่วโลก

ชอบฟอนต์ไหน? สมมติเลือกฟอนต์ที่ชอบ ทำต่อไปนี้:

กดที่ฟอนต์จากหน้าหลัก Google Fonts จะไปหน้าใหม่เห็นรูปแบบ/สไตล์ต่างๆ ของฟอนต์ที่เลือก หากชอบทุกสไตล์ กด “Download Family” มุมขวาบน หากต้องการสไตล์เฉพาะ กด “Select this style” ถัดจากฟอนต์

เชี่ยวชาญ Google Fonts: คู่มือครบวงจรใช้และปรับแต่งฟอนต์ Google

เมื่อเลือกเสร็จ จะเห็น Selection Drawer มีตัวเลือก “Embed” กดเข้าไป

เชี่ยวชาญ Google Fonts: คู่มือครบวงจรใช้และปรับแต่งฟอนต์ Google

เหมือนชอปออนไลน์ กฎเดียวกันใช้ได้ เพิ่มฟอนต์หลายตัวลงตะกร้า (Selection Drawer ตามชื่อของ Google)

ตรวจสอบฟอนต์ที่เลือกใน Selection Drawer ปรับแต่งได้ Embed แสดง HTML Code ที่ต้องวางในโค้ดเว็บไซต์ต้นฉบับ ทำเสร็จ อย่าลืมคัดลอกวาง CSS Code ใน CSS Script ของเว็บไซต์ ก็พร้อมใช้งาน

เชี่ยวชาญ Google Fonts: คู่มือครบวงจรใช้และปรับแต่งฟอนต์ Google

ด้วยวิธีนี้ คุณใช้คอลเลกชัน Open-source web fonts อันใหญ่ของ Google Fonts ทำให้ Typography เว็บไซต์สร้างสรรค์และดีขึ้น

สรุป

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