Search

הקדמה על Variable Fonts – העתיד של פונטים ברשת

לפני כשלוש שנים הוצגה אבולוציה של פונטים מסוג OpenType (הפורמט בו השתמשנו שנים) המשנה כמה דברים בצורה מאד מעניינת. פונטים אלו נקראים Variable Fonts או ״פונטים פרמטרים״. ומעבר לכך שהם חוסכים bandwidth הם גם מספקים תכונות בלתי נגמרות כראות עיני [...]

טעינת נכסים מראש באמצעות Preload

ישנן דרכים רבות לשפר את מהירות הטעינה של אתרים. אחת מהדרכים היא לטעון מראש קבצים מסויימים  שאתם יודעים כי יידרשו מאוחר יותר והם חשובים לרינדור מהיר של אותו עמוד. הערך preload של התכונה rel באלמנט מאפשר לכם להכריז ב HTML [...]

התכונה font-display וכיצד להשתמש בה

התכונה font-display קובעת כיצד פונטים הנטענים באמצעות font-face@ מוצגים, וזאת על בסיס השאלה האם הפונט כבר ירד ומכן לשימוש או לא. בכדי להתמודד עם התופעה בה הטקסט כבר קיים אך הפונטים עדיין לא נטענו הדפדפן משתמש בשתי טכניקות שונות. התכונה [...]

טעינת פונטים באמצעות font-face

font-face@ הוא חוק ב CSS המאפשר שימוש בפונטים מותאמים (Custom Fonts) עבור הטקסט באתר שלכם. אותם פונטים יכולים להטען משרת חיצוני באמצעות הפונקציה ()url או מהמחשב האישי של הגולש באתר שלכם באמצעות הפונקציה ()local. החוק font-face@ מאפשר לבעלי אתרים לספק [...]

על היררכיה טיפוגרפית ופונטים בעיצוב אתרים

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

טעינה לוקאלית של פונטים מגוגל (Google Fonts)

מאז ש- CSS3 יצאה לעולם, אנו מוצאים פונטי רשת (Web Fonts) כמעט בכל אתר, בין אם אתר וורדפרס או לא. במקום להסתמך על מספר פונטי מערכת סטנדרטים שנטענים במחשב של המשתמש - ניתן כיום, כמעצבי אתרים, מפתחי וורדפרס (ובכלל), לבחור [...]

שיפור מהירות טעינת Google Fonts באמצעות preconnect

Google Fonts הוא שירות די אמין וניתן לומר כי ביצועי הרשת שלו טובים מאד - הוא מסתמך כמובן על ה CDN הגלובלי של גוגל. עם זאת, הפעולה הפשוטה של ייזום בקשת HTTP לאותם פונטים יכולה לגרום ל Round Trip Times [...]

Up!
לבלוג