Fonts Changer מאפשר להחליף כל גופן בדף אינטרנט בגופן אחר מספריית Google Fonts — באופן גלובלי (כל הטקסט בדף) או לפי אלמנט (רק כותרות, רק טקסט גוף, או כל אלמנט ספציפי שתלחץ עליו). הגופנים נטענים דינמית לפי דרישה, וניתן לעבור בין הגופן המקורי לחדש כדי להשוות את ההשפעה על קריאות ועיצוב.
בחירת גופן מתאים היא אחת מהחלטות העיצוב המשפיעות ביותר, אך בדיקת גופנים בהקשר אמיתי היא מאתגרת להפתיע. תצוגות המקדים של Google Fonts מציגות גופנים בבידוד עם טקסט לדוגמה — לא בהקשר של פריסת הדף האמיתית שלך עם התוכן הממשי שלך. Fonts Changer מביא את Google Fonts ישירות לדפדפן, מיושם על דפים אמיתיים. עיין בספרייה או חפש בה, לחץ על גופן וראה אותו מיושם באופן מיידי. הגופן נטען דינמית מה-CDN של Google, כך שאין צורך בהורדה או התקנה. החל גלובלית כדי לראות כיצד נראה הדף כולו עם גופן חדש, או לחץ על אלמנטים ספציפיים כדי לבדוק גופנים שונים לכותרות לעומת טקסט גוף. עבור בין הגופן המקורי לחלופי בלחיצה אחת כדי להשוות קריאות, משקל ויזואלי והשפעת עיצוב כוללת. כל השינויים אינם הרסניים — רענן כדי לשחזר הכל.
החל גופן חדש על הדף כולו בלחיצה אחת. כל אלמנט טקסט — כותרות, פסקאות, כפתורים, ניווט, כותרת תחתונה — עובר לגופן הנבחר. ראה כיצד שינוי גופן מלא משפיע על העיצוב הכולל באופן מיידי.
לחץ על אלמנטים ספציפיים כדי לשנות רק את הגופן שלהם. בדוק גופן serif לכותרות עם sans-serif לטקסט גוף, או החל גופן monospace רק על בלוקי קוד. שלב גופנים שונים באותו דף.
עיין וחפש בספריית Google Fonts המלאה (מעל 1,500 משפחות גופנים) ישירות בתוך הכלי. גופנים נטענים דינמית מה-CDN של Google לפי דרישה — אין צורך בהתקנה מקומית או הורדות.
עבור בין הגופן המקורי לחלופי בלחיצה אחת. הדף עובר קדימה ואחורה באופן מיידי, מה שמקל על השוואת קריאות, משקל ויזואלי, x-height ומרווחים בין שני הגופנים.
כאשר מחילים גופן חדש, ערכי font-weight ו-font-style המקוריים נשמרים. כותרות מודגשות נשארות מודגשות, טקסט נטוי נשאר נטוי, וטקסט גוף עם משקל קל שומר על משקלו — הגופן משתנה אך ההיררכיה הטיפוגרפית נשמרת.
חפש גופנים לפי שם, או סנן לפי קטגוריה (serif, sans-serif, display, handwriting, monospace). מצא את הגופן המתאים במהירות מתוך מעל 1,500 אפשרויות זמינות.
מתחיל אתר חדש? פתח אתר דומה והחלף את הגופנים שלו במועמדים שלך. ראה כיצד כל גופן נראה עם תוכן ופריסה אמיתיים — גילוי רב יותר ממצגת הטקסט לדוגמה של Google Fonts.
בסקירת עיצוב, הראה ללקוחות כיצד האתר שלהם ייראה עם גופנים שונים. "זה העיצוב הנוכחי... וכך הוא נראה עם Playfair Display לכותרות." המעבר החי הופך את ההשוואה לשכנועית.
השווה כיצד גופנים שונים משפיעים על קריאות של תוכן ארוך. עבור בין Inter, Georgia, Lora ו-Merriweather כדי למצוא את הגופן הנוח ביותר לקריאה בגודל הגופן הנבחר שלך.
מחפש לרענן מיתוג? החל מועמדי גופן חדשים על האתר שלך בסביבת ייצור כדי לראות כיצד הם ייראו עם התוכן, הצבעים והפריסה האמיתיים שלך. הרבה יותר מהיר מיצירת מוקאפים לכל אפשרות.
בדוק כיצד גופנים שונים משפיעים על קריאות עבור משתמשים עם דיסלקציה או לקויות ראייה. גופנים כמו OpenDyslexic, Lexie Readable, או sans-serifs עם x-height גבוה ניתנים להחלה מיידית לבדיקת ההשפעה שלהם.
פתח את ה-dock הצף של DevSuite Pro ולחץ על אייקון Fonts Changer. יפתח פאנל עם ספריית Google Fonts הניתנת לחיפוש.
הקלד שם גופן לחיפוש, או גלול דרך הספרייה. סנן לפי קטגוריה (serif, sans-serif, display, monospace) לצמצום האפשרויות.
לחץ על שם גופן להחלה גלובלית על כל הטקסט בדף. או לחץ תחילה על מצב "Per-Element", לאחר מכן לחץ על אלמנטים ספציפיים בדף, ואז בחר גופן.
השתמש בכפתור המעבר כדי לעבור בין הגופן המקורי לחלופי. השווה קריאות, משקל ויזואלי והשפעת עיצוב זה לצד זה.
בסיום הניסויים, רענן את הדף כדי לשחזר את כל הגופנים המקוריים לחלוטין.
התקן את DevSuite Pro בחינם ופתח 39+ כלי פיתוח לדפדפן שלך.
