בדוק גופנים בכל עמוד
רחף ולחץ על טקסט כדי לראות את הגופן, הגודל, המשקל, הסגנון והצבע בזמן אמת - ליד האלמנט או בסרגל צד - מבלי לפתוח את DevTools.
what the font - font finder
זהה את הגופן והטיפוגרפיה CSS בכל רכיב של דף אינטרנט - משפחה, גודל, משקל, גובה שורות, מרווח אותיות, צבע וניגודיות - ולאחר מכן העתק או ייצא את מה שאתה צריך מבלי לצאת מהכרטיסייה.
נבנה לטיפוגרפיה חיה
תכונות
פרטי טיפוגרפיה שחשובים
קרא גובה שורות, מרווח בין אותיות, טרנספורמציה, עיטור וניגודיות (כולל רמזים AAA/AA) בלוח אחד.
העתק את CSS בלחיצה אחת
העתק את משפחת הגופנים, הצבע או קטע CSS מוכן עבור הרכיב שבדקת.
ערוך סגנונות בעמוד
כוונן משקל, גודל, מרווח, צבע ועוד ברכיב החי, ולאחר מכן אפס כשתסיים לחקור.
כל הפונטים בעמוד
סרוק סגנונות טקסט ייחודיים על פני העמוד ודפו ביניהם בעת ביקורת מערכת עיצוב.
ייצוא ו-Google Fonts
ייצא טיפוגרפיה בתור SCSS או JSON, או פתח חיפוש Google Fonts עבור המשפחה שמצאת.
פשוט בעיצוב
עלינו
תוסף Chrome שחושף טיפוגרפיה חיה - גופן, גודל, משקל, צבע וניגודיות - כך שתוכל לבדוק, להעתיק ולייצא גופנים מכל דף אינטרנט.
- —
- סך שימוש שפורסם
- —
- ספירת ביקורות מאומתת
Chrome Web Store
משתמשים עלינו
מצייני מיקום משוב להמחשה - Chrome Web Store ביקורות יחליפו את אלה כאשר הם מחוברים.
★★★★★
“אני יכול לתפוס משפחה, משקל וצבע משושה מאתר חי מבלי לפתוח את DevTools.”
★★★★★
“העתק CSS וניגודיות בפאנל אחד זה בדיוק מה שאני צריך במהלך ביקורת.”
★★★★★
“כל הגופנים בדף עוזרים לי לזהות סוג לא עקבי על פני דף נחיתה במהירות.”
שלושה צעדים מהירים
כיצד להשתמש
-
התקן את ההרחבה
הוסף את what the font - font finder מה-Chrome Web Store והצמד אותו לסרגל הכלים.
-
תתחיל לבדוק
פתח את החלון הקופץ, התחל לבדוק ואז רחף ולחץ על כל טקסט בדף.
-
העתק או ייצא
העתק את CSS, ייצא סגנונות, פתח את Google Fonts, או עיין בכל הגופנים בדף.
תשובות לפני ההתקנה
שאלות נפוצות
איך אני מזהה גופן באתר?
התקן את what the font - font finder, התחל לבדוק, רחף עם הטקסט ולחץ כדי לפתוח את הלוח עם משפחה, גודל, משקל וצבע.
האם אני יכול להעתיק את ה-CSS עבור הסוג שאני רואה?
כֵּן. מהחלונית תוכל להעתיק את משפחת הגופנים, הצבע או קטע CSS עבור האלמנט הנבדק.
האם זה עובד בכל עמוד?
זה עובד בכרטיסיות אתר רגילות. לא ניתן לבדוק דפי מערכת Chrome וכמה כתובות URL מוגבלות.
האם אוכל לראות את כל הגופנים בשימוש בדף?
השתמש בכל הגופנים בדף כדי לרשום סגנונות טקסט גלויים ייחודיים ולפתוח כל אחד מהם בחלונית הפרטים.
האם אני יכול לשנות את המראה בזמן הבדיקה?
כֵּן. ערוך משקל, גודל, מרווח, צבע וסגנונות קשורים באלמנט, ולאחר מכן אפס כדי לשחזר את המקור.
מאיפה אני פותח את Google Fonts?
כאשר המשפחה נראית ניתנת לחיפוש, השתמש בפעולה Google Fonts בחלונית כדי לפתוח שאילתה עבור השם הזה.