כיצד לבדוק את גודל הגופן והפנים באתר

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

כיצד לבדוק את גודל הגופן והפנים באתר

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

בדיקת סוג וגודל הגופן באתר אינטרנט

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

  1. לחץ לחיצה ימנית על הדף שאתה אוהב את המראה שלו ובחר בדוק את האלמנט (Firefox), לִבדוֹק (Chrome), או F12כלים למפתחים (קָצֶה). תפריט האינטרנט של Chrome
  2. בחר מְפַקֵחַ (Firefox) או מחושבים (Chrome) בחלונות התחתונים החדשים וגלול מטה בצד ימין עד שתגיע גוֹפָן אוֹ גודל גופן. זה צריך להראות את משפחת הגופנים, הגופן הספציפי שבו נעשה שימוש, הגודל שלו, הצבע שלו וכל דבר אחר שהדף מגדיר. Chrome Inspector Tool

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

איך-לבדוק-font-type-and-size-on-a-website-2

כלים של צד שלישי לזיהוי סוג וגודל גופן

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

מַבעִיר

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

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

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

כיצד לבדוק-גופן-סוג-וגודל-באתר-3

WhatFont

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

ככל שהוא עודכן, הוא אפילו נעשה תואם לתוספות קשורות.

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

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