วิธีเพิ่ม Google Fonts ลงใน WordPress

วิธีเพิ่ม Google Fonts ลงใน WordPress

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


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

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

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

เหตุใดฉันจึงควรใช้ Google แบบอักษร?

Google Fonts กลายเป็นหนึ่งในแหล่งข้อมูลตัวอักษรที่ดีที่สุดสำหรับคุณบนเว็บในวันนี้.

ไม่เพียง แต่มีตระกูลฟอนต์มากกว่า 900+ ชนิดให้คุณใช้ทุกตัวนั้นเป็นฟอนต์โอเพนซอร์ซที่ทุกคนสามารถสร้างและปรับปรุงได้.

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

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

ฉันจะใช้ Google แบบอักษรบนเว็บไซต์ของฉันได้อย่างไร?

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

ตัวเลือกชุดรูปแบบโดยรวม

อย่างไรก็ตามหากคุณใช้ธีมอื่นคุณสามารถเพิ่ม Google Fonts ด้วยตนเองหรือใช้ปลั๊กอิน.

WordPress ปลั๊กอินเพื่อเพิ่ม Google แบบอักษร

หนึ่งในปลั๊กอินฟรีที่ดีที่สุดสำหรับการเพิ่ม Google Fonts ในเว็บไซต์ของคุณคือการใช้ปลั๊กอิน Easy Google Fonts ฟรีซึ่งคุณสามารถดาวน์โหลดได้จากที่เก็บ WordPress วิธีที่ง่ายที่สุดในการดาวน์โหลดคือจากแผงควบคุม WordPress ของคุณ เพียงเข้าสู่เว็บไซต์ WordPress ของคุณและไปที่ ปลั๊กอิน> เพิ่มใหม่. จากนั้นเพียงค้นหา “Easy Google Fonts” เพื่อการติดตั้งที่ง่ายและรวดเร็ว.

ข้อมูล & ดาวน์โหลดดูตัวอย่าง

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

ฉันควรใช้แบบอักษรใด?

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

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

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

การจำแนกแบบอักษร

มีการจำแนกประเภทต่าง ๆ ที่สามารถนำไปใช้กับรูปแบบอักษร Serif, Sans Serif, Display, ลายมือ (หรือสคริปต์) และ Monospace มีคนอื่น ๆ ที่ใช้ในการพิมพ์แม้ว่าเราจะไม่จำเป็นต้องกังวลกับพวกเขาเพียงแค่ตอนนี้.

ดังนั้นอะไรคือความแตกต่างระหว่างพวกเขา?

Serif typefaces มีหางที่ห้อยของขอบของอักขระแต่ละตัว.

แบบอักษร Serif

Sans Serif typefaces ไม่มีหาง.

แบบอักษร Sans Serif

แสดง รูปแบบอักษรนั้นผิดปกติและตกแต่ง.

แสดงแบบอักษร

ลายมือ รูปแบบอักษรดูเหมือนเขียนด้วยลายมือหรือเขียนแบบบล็อก.

แบบอักษรเขียนด้วยลายมือ

ในที่สุด, monospace แบบอักษรประกอบด้วยอักขระที่แต่ละตัวใช้พื้นที่ในปริมาณเท่ากัน.

แบบอักษรการบินและอวกาศ

แบบอักษรที่ดีที่สุดสำหรับการออกแบบเว็บ

มีแนวทางปฏิบัติที่ดีที่สุดสองสามข้อที่ควรปฏิบัติเมื่อเลือกแบบอักษรที่จะใช้.

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

หากคุณใช้แบบอักษรที่แตกต่างกันสองแบบตัวอย่างเช่นแบบหนึ่งสำหรับชื่อเรื่องและอีกหนึ่งแบบสำหรับเนื้อหาตรวจสอบให้แน่ใจว่าคุณไม่ได้เลือกแบบอักษรประเภทเดียวกัน มัน ดีที่สุดในการรวมรูปแบบอักษร. กล่าวอีกนัยหนึ่งหลีกเลี่ยงการใช้แบบอักษร Serif ที่ต่างกันสองแบบหรือแบบอักษร sans serif ที่ต่างกันสองแบบ.

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

ตัดคำแบบอักษร Google สำหรับ WordPress

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

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

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map