Anonim

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

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

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

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

  1. לחץ באמצעות לחצן העכבר הימני על הדף שאתה אוהב את המראה ובחר Inspect Element (Firefox), Inspect (Chrome) או F12 Tools Tools (Edge).
  2. בחר מפקח (Firefox) בחלונות התחתונים החדשים וגלול מטה מצד ימין עד שתגיע לגופן. עליו להציג את משפחת הגופנים, את הגופן הספציפי המשמש, את גודלו, את צבעו ואת כל שאר הדברים שהדף מגדיר.

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

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

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

באגי אש

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

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

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

מה

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

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

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

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

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