List All Fonts סורק כל דף אינטרנט ומציג מלאי מלא של כל משפחת גופנים בשימוש — גופני אינטרנט הנטענים מ-CDNs, גופנים מתארחים עצמית וגופני מערכת לחלופין. עבור כל גופן מוצגים תצוגת מקדים חיה של הטקסט, המשקלים והסגנונות הנטענים, מספר האלמנטים המשתמשים בו, והעתקה בלחיצה אחת של הצהרת CSS font-family.
זיהוי גופנים באתר שאתה מעריץ נדרש בעבר לבדיקת אלמנטים אחד אחד ב-DevTools, בדיקת מאפיין font-family המחושב, או שימוש בהרחבות דפדפן שמזהות רק גופן אחד בכל פעם. List All Fonts מספק תמונה שלמה בתצוגה אחת — כל גופן הנטען ובשימוש בדף, עם דוגמאות טקסט חיות המציגות בדיוק כיצד כל גופן מעובד. הכלי מבחין בין גופני אינטרנט (הנטענים דרך @font-face או Google Fonts) לגופני מערכת (Arial, Helvetica, Georgia וכו'), ומציג את מחסנית font-family המלאה. עבור כל גופן ניתן לראות אילו משקלים נטענו (400, 600, 700), אילו אלמנטים משתמשים בו ואילו גדלי גופן מוחלים. לחץ על כל גופן להעתקת הצהרת CSS שלו — מוכן להדבקה בפרויקט שלך. תצוגת המקדים החיה משתמשת בעיבוד הגופן האמיתי מהדף, לא בתצוגת מקדים גנרית, כך שאתה רואה בדיוק כיצד הגופן נראה בגדלים ובמשקלים המשומשים באתר.
מפרט כל font-family המעובד בפועל בדף, כולל גופני אינטרנט מ-Google Fonts, Adobe Fonts, או הצהרות @font-face מותאמות אישית, וגופני מערכת לחלופין. מציג את המספר הכולל של משפחות גופנים ייחודיות שנמצאו.
כל גופן מוצג עם דוגמת טקסט חיה ("The quick brown fox jumps over the lazy dog") המעובדת באמצעות קובץ הגופן האמיתי הנטען בדף. אתה רואה עיבוד אמיתי — לא תצוגת מקדים גנרית.
עבור כל גופן, ראה אילו משקלים נטענו (Regular 400, Medium 500, SemiBold 600, Bold 700) והאם גרסאות נטויות זמינות. מסייע להבין את הקבוצה המשנה הנטענת של הגופן.
ראה כמה אלמנטים בדף משתמשים בכל גופן. הגופן הנפוץ ביותר מופיע ראשון. דע אילו גופנים הם ראשיים (טקסט גוף) ואילו משניים (משמשים רק כמה אלמנטים).
לחץ על כל ערך גופן להעתקת הצהרת CSS font-family המלאה שלו (למשל, font-family: 'Inter', sans-serif) ללוח הגזירים. מוכן להדבקה ישירה בגיליון הסגנונות שלך.
כל גופן מציג את מקורו: Google Fonts (עם ה-URL הספציפי), Adobe Fonts, מתארח עצמית (עם ה-URL של @font-face), או גופן מערכת. דע בדיוק מאיפה כל גופן מגיע.
בקר באתר עם טיפוגרפיה יפה וראה באופן מיידי כל גופן שבו הוא משתמש — שמות, משקלים ומאיפה הם מגיעים. לא עוד ניחושים של "מה הגופן הזה?" או שימוש בכלי זיהוי גופנים לא אמינים.
כמה גופנים הדף שלך טוען? האם ישנם גופנים שמורדים אך לא מוחלים? List All Fonts מציג שימוש בפועל — אם לגופן נטען יש 0 אלמנטים המשתמשים בו, זו רוחב פס מבוזבז.
תעד את הטיפוגרפיה של הפרויקט שלך על ידי הרצת List All Fonts בכל דף. ודא שהגופנים והמשקלים הנכונים משמשים באופן עקבי בכל האתר — אתר הצהרות font-family חריגות.
זיהית גופן שאתה אוהב אך הוא גופן בתשלום? העתק את שם הגופן וחפש חלופות חינמיות עם מאפיינים דומים. תצוגת המקדים החיה מסייעת לזכור בדיוק כיצד הוא נראה.
הרץ את List All Fonts על אותו דף בדפדפנים שונים כדי לאמת שאותם גופנים מעובדים בכל מקום. מחסניות גופני מערכת נפתרות באופן שונה בין מערכות הפעלה — אתר אי-עקביות.
פתח את ה-dock הצף של DevSuite Pro ולחץ על אייקון List All Fonts. הכלי סורק את הסגנונות המחושבים של הדף וחוקי @font-face.
פאנל מציג את כל הגופנים שנמצאו בדף, ממוינים לפי תדירות שימוש. כל ערך מציג את שם הגופן, טקסט תצוגת מקדים, משקלים ומספר אלמנטים.
גלול דרך תצוגות המקדים החיות לראות כיצד כל גופן מעובד. השווה את גופן הכותרות של הדף לעומת גופן הגוף לעומת גופן ההדגשה.
לחץ על כל ערך גופן להעתקת הצהרת CSS font-family שלו. לחץ על קישור המקור לביקור במקור הגופן (דף Google Fonts, CDN URL וכו').
הדבק את הצהרת font-family ב-CSS שלך וטען את הגופן מאותו מקור לשימוש בפרויקט שלך.
התקן את DevSuite Pro בחינם ופתח 39+ כלי פיתוח לדפדפן שלך.
