כיצד למצוא גופן של דף אינטרנט באמצעות הכלי Inspect Element והרחבות דפדפן

כיצד למצוא גופן של דף אינטרנט באמצעות הכלי Inspect Element והרחבות דפדפן

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





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



כיצד למצוא גופנים באמצעות הכלי Inspect Element

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





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

כמה נתונים משתמשים בהזרמת וידאו

להלן כיצד לזהות פונט באמצעות כלי הבדיקה של הדפדפן שלך.



  1. פתח את האתר שאתה רוצה להשתמש בו.
  2. סמן את הטקסט בעל הגופן שברצונך לזהות ולחץ עליו באמצעות לחצן העכבר הימני.
  3. לחץ על לִבדוֹק מתפריט ההקשר.
  4. כאשר התפריט Inspect נפתח, לחץ על מחושב .
  5. גלול למטה כדי למצוא את משפחת גופן סָעִיף. כאן תוכל למצוא את שם הגופן והסגנון, כמו גם את מידותיו.

דרכים אחרות לשימוש בכלי הבדיקה

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

  1. פתח את האתר שאתה רוצה להשתמש בו.
  2. ללחוץ Ctrl + Shift + C. ( Cmd + Shift + C. ב- Mac).
  3. העבר את העכבר מעל הטקסט כדי להציג את סגנון הגופן, הגודל, קוד הצבע והשוליים.

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



  1. עבור אל דף האינטרנט.
  2. פתח את קוד המקור על ידי לחיצה על Ctrl + Shift + I ( Cmd + Shift + I ב- Mac).
  3. לחץ על רֶשֶׁת בכרטיסיה ולאחר מכן בחר עשה כרטיסייה.
  4. כאן תראה רשימה של כל הגופנים המשמשים את דף האינטרנט.

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

קָשׁוּר: כיצד להגדיל או להקטין את גודל הגופן ב- Firefox



כיצד לזהות גופנים באמצעות הרחבות דפדפן

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

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

1. WhatFont

WhatFont פופולרי מאוד לגילוי מהיר של גופנים מרובים בו זמנית. להלן אופן השימוש בכלי זה.

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

הורד: בשביל מה כרום | פיירפוקס | ספארי (חינם)

2. מאתר גופנים

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

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

כך תוכל לבדוק גופנים באמצעות Font Finder:

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

הורד: FontFinder עבור כרום | קָצֶה | פיירפוקס (חינם)

מה לגבי בדיקת הגופן בתמונה?

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

תהליך זיהוי הגופן מתמונה הוא זהה במידה רבה בכל הכלים. ננסה לזהות את הגופן בתמונה באמצעות WhatTheFont.

  1. אם עדיין לא עשית זאת, הורד את התמונה שבה ברצונך להשתמש.
  2. ייבא את התמונה לתוך מה הפונט .
  3. WhatTheFont יזהה אוטומטית את הטקסט בתמונה שלך. כווץ או הגדל את תיבת החיתוך כך שהיא תקיף את הגופן שברצונך לזהות. פגע ב כפתור החץ בסיום.
  4. לאחר מכן WhatTheFont יתאים את הגופן שבתמונה לגופנים בגלריה שלה, ויציג בפניך גופנים קשורים זה לזה.
  5. אם אינך מוצא התאמה טובה מיד, תוכל להמשיך ללחוץ הצג תוצאות נוספות כדי לראות גופנים קשורים נוספים.

קָשׁוּר: אתרי הגופנים הטובים ביותר בחינם לגופנים בחינם באינטרנט

איתור גופנים מהאינטרנט והשתמש בהם בעיצובים שלך

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

לַחֲלוֹק לַחֲלוֹק צִיוּץ אימייל WhatTheFont ו -4 חלופות למציאת גופנים מתמונות

רוצה למצוא גופנים מתמונות? ישנם כלים מקוונים שיכולים לעשות זאת עבורך, כולל WhatTheFont וחלופות שונות.

קרא הבא נושאים קשורים
  • מרשתת
  • יְצִירָתִי
  • גופנים
  • הרחבות דפדפן
  • טיפים לגלישה
על הסופר שאן עבדול |(46 מאמרים פורסמו)

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

עוד מאת שאן עבדול

הירשם לניוזלטר שלנו

הצטרף לניוזלטר שלנו לקבלת טיפים, סקירות, ספרים אלקטרוניים בחינם ומבצעים בלעדיים!

לחצו כאן להרשמה