ดูตัวอย่าง Google Fonts,กำหนดเองขนาด,หยาบละเอียด,ระยะห่าง,เคียงข้างกันเปรียบเทียบแบบอักษร
เครื่องมือสำหรับนักพัฒนา
เกี่ยวกับเครื่องมือนี้
แบบอักษรดูตัวอย่างเครื่องมือสามารถดูตัวอย่างและเปรียบเทียบ 50 กี่ประเภท Google Fonts,อย่างสมบูรณ์ควบคุมขนาด,หยาบละเอียด,สไตล์,ระยะห่างและสี.มันให้สามประเภทดูโหมด--ดูตัวอย่าง,และเปรียบเทียบ--และสร้างสามารถโดยตรงใช้ CSS โค้ด,รองรับคัดลอกด้วยคลิกเดียว.
ฟังก์ชันหลัก
- 50 กี่ประเภทยอดนิยม Google Fonts,รองรับการค้นหาและกรอง
- โหมดการดูสามแบบ: ตัวอย่าง ตัวอักษร และเปรียบเทียบ
- สมบูรณ์จัดหน้าควบคุม:ขนาด,หยาบละเอียด(100–900),สไตล์,ระยะห่างตัวอักษร,ความสูงบรรทัด
- กำหนดเองข้อความและพื้นหลังสี,รองรับเลขฐานสิบหกอินพุต
- ข้อความตัวอย่างที่แก้ไขได้ ทดสอบผลลัพธ์แบบเรียลไทม์
- คัดลอกผลลัพธ์ CSS ไปยังคลิปบอร์ดด้วยคลิกเดียว
กรณีการใช้งาน
- เป็นเว็บหน้าออกแบบรายการรายการเลือกรวม Google Font
- เปรียบเทียบสองฟอนต์แบบเคียงข้างกันก่อนตัดสินใจ
- สร้างการประกาศฟอนต์ CSS สำหรับสไตล์ชีต
- ทดสอบแตกต่างขนาดและหยาบละเอียดล่างแบบอักษรความสามารถในการอ่าน
- เรียกดูชุดอักขระเต็มรูปแบบของฟอนต์ผ่านมุมมองตัวอย่างตัวอักษร
fonts
google-fonts
typography
คำถามที่พบบ่อย
เครื่องมือดูตัวอย่างฟอนต์มีฟอนต์อะไรให้ใช้บ้าง
เครื่องมือประกอบด้วย 50 กี่ประเภทยอดนิยม Google Fonts,เช่น Roboto,Inter,Poppins,Playfair Display,Montserrat ฯลฯ.สามารถค้นหาและกรองแบบอักษรรายการมาหาถึงจัดการต้องการแบบอักษร.
สามารถเปรียบเทียบสองฟอนต์แบบเคียงข้างกันได้หรือไม่
สามารถ,เปรียบเทียบแท็บสามารถเคียงข้างกันดูสองประเภทแบบอักษร,แต่ละจากมีอิสระขนาดและหยาบละเอียดควบคุม,สะดวกในคล้ายกันแบบอักษรระหว่างทำออกเลือก.
วิธีรับโค้ด CSS ของฟอนต์
ดูตัวอย่างแท็บแสดงปัจจุบันการตั้งค่าสมบูรณ์ CSS เสียงสว่าง,คลิก「การจำลอง CSS」ปุ่มทันทีสามารถทันทีคัดลอกไปยังคลิปบอร์ด.
เครื่องมือดูตัวอย่างฟอนต์สามารถใช้งานออฟไลน์ได้หรือไม่
เครื่องมือทำงานในเบราว์เซอร์,แต่ Google Fonts จาก CDN โหลด,ดังนั้นต้องการเครือข่ายเชื่อมต่อเพิ่งสามารถเรนเดอร์แบบอักษร.
สามารถปรับแต่งข้อความตัวอย่างได้หรือไม่
สามารถ,ดูตัวอย่างพื้นที่คือสามารถแก้ไข--คลิกมันทันทีสามารถอินพุตตัวเองข้อความ,ดูที่เลือกแบบอักษรล่างผลลัพธ์.