← חזרה לתכונות
Pro

החלפת גופנים

Fonts Changer מאפשר להחליף כל גופן בדף אינטרנט בגופן אחר מספריית Google Fonts — באופן גלובלי (כל הטקסט בדף) או לפי אלמנט (רק כותרות, רק טקסט גוף, או כל אלמנט ספציפי שתלחץ עליו). הגופנים נטענים דינמית לפי דרישה, וניתן לעבור בין הגופן המקורי לחדש כדי להשוות את ההשפעה על קריאות ועיצוב.

בחירת הגופן הנכון היא אחת ההחלטות העיצוביות המשפיעות ביותר, אבל בדיקת גופנים בהקשר הנכון קשה באופן מפתיע. תצוגות מקדימות של Google Fonts מציגות גופנים בבידוד עם טקסט לדוגמה - לא בהקשר של פריסת הדף האמיתית שלך עם התוכן האמיתי שלך. Fonts Changer מביא את Google Fonts ישירות לדפדפן, מוחל על דפים אמיתיים.

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

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

תצוגה מקדימה חיה
example.com/article
גופן שונה גלובלי
כותרת מאמר בג'ורג'יה
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
מקור: Jost חדש: Georgia
ספריית גופנים
חיפוש גופנים...
Inter
Georgia ✓
Roboto
Playfair Display
Source Code Pro
Lato
תכונות מפתח

החלפת גופן גלובלית

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

מיקוד לפי אלמנט

לחץ על אלמנטים ספציפיים כדי לשנות רק את הגופן שלהם. בדוק גופן serif לכותרות עם sans-serif לטקסט גוף, או החל גופן monospace רק על בלוקי קוד. שלב גופנים שונים באותו דף.

גישה לספריית Google Fonts

עיין וחפש בספריית 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 גבוה ניתנים להחלה מיידית לבדיקת ההשפעה שלהם.

איך להשתמש
1

הפעל את Fonts Changer

פתח את ה-dock הצף של DevSuite Pro ולחץ על אייקון Fonts Changer. יפתח פאנל עם ספריית Google Fonts הניתנת לחיפוש.

2

חפש או עיין בגופנים

הקלד שם גופן לחיפוש, או גלול דרך הספרייה. סנן לפי קטגוריה (serif, sans-serif, display, monospace) לצמצום האפשרויות.

3

החל גלובלית או לפי אלמנט

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

4

עבור והשווה

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

5

רענן לאיפוס

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

מוכנים לנסות?

התקן את DevSuite Pro בחינם ופתח 64+ כלי פיתוח לדפדפן שלך.

הוסף ל-Chrome הוסף ל-Edge הוסף ל-FireFox