בורר גופנים

זיהוי הגופנים הוא כלי מהיר ויזואלי לזיהוי צבעים, מרווחים וניגודיות. הוא פועל בכל אתר, נפתח בחלונית קומפקטית וזוכר גודל בטוח. ניתן לסגור את קורא הגופנים של ההרחבה על ידי לחיצה על הצלב בחלון או על ידי לחיצה על הסמל.

🔥 נקודות עיקריות מרכזיות

⭐ קביעות מוגדרות מראש של העתקה ב-CSS: הכל, מאתר כתיבה, טיפוגרפיה, צבעים.
⭐️ בדיקה חיה בדף עם ריחוף ולחיצה מעל כל אלמנט.
⭐️ תגי אינטרנט/מקומיים של אפליקציית בוחר גופנים של Chrome.
⭐️ אלמנטים שמורים עבור הפניות טיפוגרפיות ורכיבים.

📌 איך זה עובד

רחף או לחץ כדי לנעול אלמנט; הפאנל מציג את הבורר, העתק CSS. מצב משופר בחיפוש גופנים מציין אם הגישה חסומה. עליך להוריד בכל פעם שאתה מפעיל את ההרחבה, אך אינך צריך לתת לדפדפן הרשאה שוב בבורר הגופנים מאתר אינטרנט באותו אתר.

⚡️ פעולות מפתח

1. רחף עם העכבר כדי להציג תצוגה מקדימה.
2. לחץ על נעילת הבחירה.
3. העתק CSS נקי.
4. שנה את בורר הגופנים.
5. שמור כל רכיב.
6. הפעל/י את האפשרויות של טיפוגרפיה.

🪐 תצוגה וחלון

הצג או הסתר מקטעי טיפוגרפיה, צבע וריווח כדי לשמור על ממשק המשתמש מינימליסטי. חלון התוסף של בורר הגופנים של Chrome נצמד למסך, מתחיל בלשונית האלמנטים ולא ייפתח כשהוא ממוזער.

📚 העתקת הגדרות קבועות מראש

- כל נתוני ה-CSS עבור בלוק סגנון שלם.
- טיפוגרפיה עבור ערכות טקסט מוכנות לפריסה.
- צבעים עבור פלטת צבעים עם סיומות גופנים.

🧩 פרטי טיפוגרפיה

משפחה ומחסנית, משקל עם שמות קריאים, גודל, גובה שורות, ריווח בין אותיות/מילים, סגנון, גרסה, בנוסף לכפתורי העתקת משקל מהירה. תוסף מאתר הגופנים של Chrome מקובץ כך שתוכלו לראות את הדברים החיוניים ללא עומס.

🎯 הטבות נוספות

1️⃣ טעינה מהירה של מידע מקומי מבוסס דומיין על דומיין מורשה.
2️⃣ בורר גודל גופן לגבולות בטוחים, שינוי גודל מחוץ למסך של תוסף Chrome.
3️⃣ פריטים כפולים שנשמרו נמנעים בקפדנות לשמירה על ניקיון.

💡 מי מרוויח

ייתכן שממשק הקצה ימצא גופנים באתר, תוך התחשבות במפתחים המאמתים נתונים וריווחים; מעצבי UI/UX בודקים טיפוגרפיה, צבעים וניגודיות; צוותי QA/נגישות בודקים את רמות WCAG במהירות. כמו כן, כלי איתור חזיתי לצוותים המשתפים נתונים למערכות עיצוב עקביות.

יתרונות מהירים 🚀

➤ ניקוי נתוני CSS.
➤ בדיקה מהירה.
➤ כלי לחילוץ גופנים.
➤ מוכן לצבע ניגוד.
➤ הפניה אינטרנטית שמורה.
➤ פאנל קומפקטי.

🧶 מצב השהיה

עצרו זמנית את הבחירה כדי שתוכלו לקיים אינטראקציה חופשית עם הדף וכלי בחירת הגופנים לא יעבוד. הקישו עליו כשאתם צריכים לגלול, ללחוץ או להפעיל מצבי ממשק משתמש מבלי לאבד את מקומכם - לאחר מכן חידוש הבדיקה בשלב אחד ותוכלו לזהות גופן באתר.

🧷 תוכן הפריט שהתקבל

• כתובת אתר אינטרנט.
• חותמת שם מארח.
• בורר סגנונות גופנים.
• גודל ומשקל.
• סגנון + גובה שורה.

🌟 שמור משוב

כשאתה עושה משהו בבורר הגופנים עבור אתר אינטרנט, הפאנל מציג רמזים חזותיים ברורים: סימן וי מעדכן את מונה השמורות, פעולות העתקה מפעילות רמז קצר להעתקה של הודעה בסמל, ומצבי דחיית גישה של בורר הגופנים מציגים אזהרה כך שתדע בדיוק מה לתקן לפני שתמשיך.

🧠 שאלות נפוצות

ש: האם אני צריך ש-DevTools ייפתחו?
א: לא, הכל נמצא בפאנל הצף.

ש: האם זה יאט את הדף שלי?
א: בורר הגופנים של סיומת כרום ממוטב היטב.

ש: האם זה רץ לכל מקום?
א: כן. Enhanced דורש HTTPS כדי להוריד נתונים מקומיים.

🔎 השהייה לעומת פעילה

כאשר כלי הפיקוח פעיל, מאתר הגופנים מהאתר תופס את הסמן שלך כדי לסמן אלמנטים, כך שלחיצות וריחוף של הדף נעצרים. הפעל את ההשהיה והתוסף "זוז הצידה": תוכל ללחוץ על כפתורים ולקיים אינטראקציה עם הדף כרגיל. מוכן להשתמש שוב בבורר משפחות הגופנים? כבה את ההשהיה והמשך.

🧰 בקרות חלון

גרור כדי למקם מחדש את החלונית.
◆ שנה את גודל הקצוות כך שיתאימו לתצוגה שלך.
◆ בורר גופנים זוכר גודל.
◆ הצמד למסך הנוכחי שלך.
◆ מקסום לתצפית רחבה ובטוחה.

📝 השוואה עם כלים אחרים

בניגוד להרחבת What Font, שמדווחת בעיקר על שם המשפחה המוצהר, הכלי שלנו חושף את המקור המעובד בפועל, מציע הצגת קביעות CSS נקיות בלחיצה אחת ושומר תמונות מצב מלאות של האלמנטים. בניגוד להרחבת whatfont, ניתן גם לטעון מצגות מקומיות לצורך דיוק ולשמור רשימה.

☘️ תחילת העבודה

1️⃣ התחילו להשתמש בכלי לבחירת גופנים לאתר, לחצו על הסמל, רחפו או לחצו על אלמנט.
2️⃣ גלו את המידע בחלון על ידי הסתרת מדורים עם נתונים שאינכם צריכים כעת.
3️⃣ הגדר מצב השהייה כשאתה צריך לשנות משהו מבלי לחסום את ההרחבה.

❤️ מילות סיום

באמת ניסינו ליצור תוסף בורר מעולה ותמיד נשמח לקבל משוב לשיפורים נוספים. התקן ותיהנה משימוש נוח.