สแกนหน้าและแสดงรายการฟอนต์ทั้งหมด
ภาพรวมฟอนต์ทั้งหมดในหน้าเดียว
Lists ทุก font-family actually rendered บนหน้า, including web fonts from Google Fonts, Adobe Fonts, or custom @font-face declarations, and system font fallbacks. Shows the total count of unique font families found.
แต่ละ font is displayed with a live text sample ("The quick brown fox jumps over the lazy dog") rendered using the actual font file loaded บนหน้า. You see real rendering — not a generic preview.
For each font, see which weights are loaded (Regular 400, Medium 500, SemiBold 600, Bold 700) and whether italic variants are available. Helps you understand the font's loaded subset.
See how mใดก็ได้ elements บนหน้า use each font. The most-used font is listed first. Know which fonts are primary (body text) and which are secondary (used on just a few elements).
Click ใดก็ได้ font entry to copy its complete CSS font-family declaration (e.g., font-family: 'Inter', sans-serif) to คลิปบอร์ดของคุณ. Ready to paste โดยตรง into your stylesheet.
แต่ละ font shows its source: Google Fonts (with the specific URL), Adobe Fonts, self-hosted (with the @font-face URL), or system font. Know exactly where each font comes from.
Visit a website with beautiful typography and ทันที see ทุก font it uses — names, weights, and where they come from. No more "what font is that?" guessing or using unreliable font-identification tools.
How mใดก็ได้ fonts does your page load? Are there unused fonts being downloaded but not applied? List All Fonts shows actual usage — if a loaded font has 0 elements using it, it's wasted bandwidth.
Document your project's typography by running List All Fonts on each page. Verify that the correct fonts and weights are used consistently across the site — catch rogue font-family declarations.
Identified a font you like but it's a paid font? Copy the font name and search for free alternatives with similar characteristics. The live preview helps you remember exactly how it looked.
Run List All Fonts on the same page in different browsers to verify that the same fonts are rendered ทุกwhere. System font stacks resolve differently across operating systems — catch inconsistencies.
เปิด DevSuite Pro dock ลอย and click the List All Fonts icon. The tool scans หน้า's computed styles and @font-face rules.
A panel displays all fonts found บนหน้า, sorted by usage frequency. แต่ละ entry shows the font name, preview text, weights, and element count.
Scroll through the live previews เพื่อดู how each font renders. Compare หน้า's heading font vs body font vs accent font.
Click ใดก็ได้ font entry to copy its font-family CSS declaration. คลิก source link to visit the font's origin (Google Fonts page, CDN URL, etc.).
Paste the font-family declaration into your CSS and load the font from the same source to use it in your own project.
ติดตั้ง DevSuite Pro ฟรีและปลดล็อกเครื่องมือสำหรับนักพัฒนามากกว่า 39 รายการสำหรับเบราว์เซอร์ของคุณ
