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