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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. WhatFont

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

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

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

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

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

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

כך תבדוק גופן באמצעות Font Finder:

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

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

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

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

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

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

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

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

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

WhatTheFont ו -4 חלופות למציאת גופנים מתמונות

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

קרא הבא

על הסופר