คู่ฟอนต์ที่แนะนำ
เครื่องมือจับคู่ฟอนต์ฟรี เลือกคู่ฟอนต์ Google Fonts คัดสรรตามอารมณ์และประเภทงาน พรีวิวสดด้วยข้อความของคุณ ปรับขนาดและน้ำหนักได้ และคัดลอกโค้ด CSS
Loading tool...
คู่ฟอนต์ที่แนะนำ คืออะไร?
Typography Pairing Suggester รวบรวมคู่ฟอนต์ Google Fonts คัดสรรยี่สิบคู่ — แต่ละคู่จับเสียงพาดหัวคู่กับเสียงอ่าน — ให้กรองตามอารมณ์และประเภทงาน เลือกคู่ที่ชอบเพื่อโหลดฟอนต์ทั้งคู่เข้าพรีวิวสดที่แก้ข้อความหัวเรื่อง ขนาด และน้ำหนักได้ แล้วคัดลอกโค้ด CSS import และ font-family ตรงกับที่พรีวิวใช้ เปลี่ยนการเลือกฟอนต์จากการเลื่อนแคตตาล็อกเป็นการตัดสินสองนาทีด้วยคำจริงของคุณ
ประโยชน์หลัก
- มีแต่คู่คัดสรร — ไม่ลังเลกับแคตตาล็อกฟอนต์เต็มจอ
- ฟิลเตอร์อารมณ์และประเภทงานที่ช่วยตัดตัวเลือกจริง
- พรีวิวสดใส่พาดหัวและเนื้อความของคุณเอง
- ปรับขนาดและน้ำหนัก ตัดสินลำดับชั้นได้ในที่เดียว
- CSS คัดลอกวางได้ ตรงกับพรีวิวทุกกระบวน
กรณีการใช้งาน
- •เลือกฟอนต์ให้บล็อกหรือนิวส์เลตเตอร์ใหม่
- •เลือกคู่ฟอนต์แลนดิงเพจก่อนสปรินต์ดีไซน์แรก
- •รีเฟรชพอร์ตโฟลิโอด้วยฟอนต์พาดหัวที่มั่นใจกว่าเดิม
- •มาตรฐานฟอนต์เอกสารให้ทีมใช้ตรงกัน
- •เทียบเซริฟหรูหรากับแซนส์หนักแน่นเพื่อสร้างแบรนด์
วิธีเลือกคู่ฟอนต์
- กรองตามอารมณ์และประเภทงาน: เลือกอารมณ์ที่เว็บควรมีและชนิดหน้าที่กำลังทำ ตารางจะเหลือคู่ที่เข้าเงื่อนไขจากยี่สิบคู่คัดสรร
- เลือกคู่ฟอนต์: คลิกการ์ดเพื่อโหลดฟอนต์ทั้งคู่เข้าแผงพรีวิว การ์ดจะถูกไฮไลต์ไว้ เทียบหลายคู่เคียงกันได้
- ตัดสินด้วยคำของคุณ: เปลี่ยนข้อความหัวเรื่องเป็นพาดหัวจริงของคุณ แล้วปรับขนาดกับน้ำหนักจนลำดับชั้นอ่านรู้เรื่องในแวบเดียว
- คัดลอก CSS: กดคัดลอก CSS เพื่อได้บรรทัด import และกฎ font-family ตรงกับที่พรีวิวใช้ วางด้านบนสุดของสไตล์ชีตได้เลย
คุณสมบัติหลัก
- คู่ฟอนต์ Google Fonts คัดสรรยี่สิบคู่ ครอบคลุมห้าอารมณ์
- กรองตามประเภทงาน: บล็อก แลนดิงเพจ พอร์ตโฟลิโอ เอกสาร อีคอมเมิร์ซ
- พรีวิวสดแก้ข้อความหัวเรื่องและเนื้อความได้
- ปรับขนาดและน้ำหนักของทั้งสองฟอนต์
- คัดลอกโค้ด CSS import และ font-family คลิกเดียว
คำถามที่พบบ่อย
คู่หัวเรื่องกับเนื้อความที่ดีหน้าตาเป็นอย่างไร
ตัดกันแต่เป็นญาติกัน: จับฟอนต์ display ที่มีเอกลักษณ์คู่กับฟอนต์อ่านเนื้อความที่เงียบและอ่านง่าย ดีที่สุดถ้ามาจากดีไซเนอร์คนเดียวกันหรือเป็น superfamily เดียวกัน เพื่อให้ความกว้างและ x-height กลมกลืน ทุกคู่ในตารางเดินตามกฎนี้ — หนึ่งเสียงสำหรับพาดหัว หนึ่งเสียงสำหรับย่อหน้า — จึงอยู่กับคอนเทนต์จริงได้ดีกว่าสองฟอนต์ตกแต่งที่ทะเลาะกัน
ออฟไลน์ฟอนต์ยังโหลดไหม
รายการคู่ฟอนต์ ฟิลเตอร์ และการคัดลอก CSS ทำงานออฟไลน์ทั้งหมด พรีวิวสดจะดึงไฟล์ฟอนต์สองตัวจาก Google Fonts เมื่อมีเน็ต ถ้าออฟไลน์จะใช้ฟอนต์ระบบที่ใกล้เคียงแทนแต่ขนาดและน้ำหนักยังตรง การตัดสินด้านเลย์เอาต์ยังใช้ได้
ใช้ฟอนต์เหล่านี้กับเว็บพาณิชย์ได้ไหม
ได้ ฟอนต์ทุกตัวในรายการอยู่บน Google Fonts ภายใต้ไลเซนส์โอเพนซอร์สที่อนุญาตการใช้เชิงพาณิชย์ การฝัง และการแก้ไข CSS ที่คัดลอกเป็นวิธีเสิร์ฟมาตรฐานของ Google Fonts ไม่ต้องทำอะไรเพิ่มนอกจากบรรทัดสไตล์ชีต
หนึ่งเว็บควรใช้กี่คู่ฟอนต์
หนึ่งคู่ บางครั้งสองคู่: ฟอนต์พาดหัวบวกฟอนต์เนื้อความครอบคลุมเกือบทุกหน้า จับที่สามเฉพาะโค้ดหรือตารางข้อมูล ซึ่ง monospace มีที่ยืนของตัวเอง เครื่องมือนี้จำกัดแต่ละคู่ไว้แค่สองตระกูลฟอนต์ ผลลัพธ์จึงไม่รก