תגובות לפוסט: קצת על טיפוגרפיה

מאת: ~ניצן~

~ניצן~ — Fri, 07 Jul 2017 08:20:36 +0000

היי חניתה

בגדול, em היא יחידת מידה שמשמשת (בעיקר) דפוס. הדיעות באמת חלוקות לגבי איך היא מוגדת בפיקסלים, כאשר ההסבר הנפוץ הוא היחידה מוגדרת לפי גובה השורה, או גובה האותיות בהן את עושה שימוש. כלומר, אם את משתמשת בפונט 14, למשל, הרי ש em שווה ל 14 פיקסלים. אם את משתמשת בפונט 24 אזי em הוא 24 פיקסלים.
ישנה טענה אחרת, שגורסת שמה שמגדיר את הגודל של em זה בעצם הרוחב של האות האנגלית אם גדולה (M), כאשר בתוך יחידה בגודל 1x1em תיכנס האות M עם הריווח הנדרש לה.

את מוזמנת לקרוא קצת פה:
https://css-tricks.com/css-font-size/#article-header-id-2

או דיון מעניין ב StackOverflow כאן – https://stackoverflow.com/questions/4474107/what-is-em-font-size-how-much-is-it-in-pixels

מאת: חניתה אילן

חניתה אילן — Fri, 07 Jul 2017 04:16:51 +0000

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

מאת: ~ניצן~

~ניצן~ — Sat, 14 May 2011 12:36:02 +0000

בתגובה על גיל.

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

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

מאת: גיל

גיל — Mon, 09 May 2011 05:32:13 +0000

בעבר היה נהוג להשתמש בEMs, כיום רצוי להשתמש בpx כיחידת מידה עבור font size. בעבר היה נוח להשתמש בEms כדי להשתמודד עם חוסר היכולת של IE 6 לא להגדיל טקסט מבוסס px.
כיום כל הדפדפנים הגדולים (כולל IE7,8) תומכים בשינוי גודל טקסט בהתאם לפיקסלים או שינוי רמת הזום של גוף הדף.
בנוסף המנעות בline-height כי היא לא יורשת את האחוז מהאב שלה. במקום זאת, היא מתבססת על font-size

מאת: רמי

רמי — Wed, 23 Feb 2011 13:59:04 +0000

ניצן, תודה על שיתוף המידע.

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

ואם ניקח בחשבון את מה שאמרה בירנית, אם מוגדר ברירת מחדל 16px, זה יוצג שונה ברזולוציה 1024×768 וברזולוציה 1920×1080. שכן מדובר בפיקסלים (px) ולא ביחס (em).

מאת: ~ניצן~

~ניצן~ — Mon, 03 Jan 2011 11:20:21 +0000

בתגובה על בירנית גורן. באותה מידה את יכולה להגדיר אותו ישירות כ 10px אבל כן, זה בדיוק העיקרון. כפולות של 10 זה מאוד נוח לחישוב. אגב, גם כשמשתמשים בגריד קבוע, כגון 960.gs למשל מאוד נוח לעבוד עם הכפולות הללו.

מאת: בירנית גורן

בירנית גורן — Mon, 03 Jan 2011 10:10:04 +0000

הסבר יפה. אני רוצה רק להוסיף עצה/טריק, שאני משתמשת בו כבר כמה שנים:

כמעט בכל הדפדפנים, ה-base font size הוא שווה ערך לגודל 16 פיקסל – ובעקרון יחסית גדול. לפיכך, אני מצהירה ל-body גודל פונט של 62.5%. לדוגמה:

body {font: normal 62.5%/1 Arial,Helvetica,Sans-Serif;}

62.5% מ-16 זה 10 פיקסל, מה שמקל מאד מאותו רגע ואילך להגדיר גדלי פונט לאלמנטים שונים בהכפלות פשוטות. לדוגמה:

p (פיסקה רגילה): 1.4em
h1 (כותרת גדולה): 2.4em

וכו'.