פרסומת
במהלך השנים דיברנו רבות גופנים. ראינו כיצד ליצור גופנים 2 כלים בחינם להכנת גופן טקסט משלך קרא עוד ; כיצד להוריד כמה גופנים בחינם - - שמונת אתרי הגופנים החינמיים הטובים ביותר עבור גופנים מקוונים בחינםלא כולם יכולים להרשות לעצמם גופן מורשה. אתרים אלה יעזרו לכם למצוא את הגופן החינמי המושלם עבור הפרויקט הבא שלכם. קרא עוד ; ובדקנו מה העולם חושב על גופנים בעזרת סקר. אך מעולם לא ישבנו דיברנו על הדבר הראשון שאנחנו עושים עם גופנים - השווה ביניהם ונראה איזה מהם מתאים בדיוק לשימושנו.
אני משתמש כאן במונח 'גופן' מכיוון שזה המונח המשומש יותר, אם כי המדויק הוא - גופן, כשאנחנו מדברים על המראה שלו. כלשונו של מעצב הטיפוס נורברט פלורנדו - גופן זה מה שאתה משתמש, ו גופן זה מה שאתה רואה. בצד הסמנטיקה, כאשר אנו מנסים לבחור פונט, אנו מבצעים די השוואה בין הגופנים השונים העומדים לרשותנו. להלן שבעה כלים שעשויים לעזור לך לבחור את הגופן המתאים לעבודה שלך.
יישום הגופנים המקוונים מיועד בעיקר למעצבי אתרים המבלים זמן לא מבוטל בהשגת גופן המסך הנכון. הכלי לא רק מאפשר לך לבחור גופנים מרשימות שונות (רשימה בטוחה באינטרנט; רשימת חלונות; רשימת מק; רשימת גוגל) אך גם נותנת לך מספר נפתחות לשחק איתן ולשנות את מאפייני הגופן. אתה יכול להזין טקסט לדוגמא משלך וגם לשחק עם הצבע.
אתה יכול גם לבחור מגוון גופנים אחרים שאולי לא נמצאים ברשימות אלה. ניתן להתנסות בטקסט לדוגמה על ידי השוואה של שלושה גופנים שונים בו זמנית או בחירת גופן אחד והתאמה אישית של המאפיינים בשלוש העמודות. היישום החלקלק מעניק לך תצוגה מועילה זה לצד זה.
זהו כלי השוואה דינאמי נוסף המאפשר להשוות בין גופני אינטרנט שונים במבט אחד. הבחירה בגופנים מגיעה מספריית הגופנים של Google ו- TypeKit. אתה יכול להקליד טקסט משלך ולראות כיצד הגופנים משנים את מראה הכותרת ושורת טקסט. כשאתה מוצא גופן שאתה אוהב, העבר את העכבר על הטקסט לדוגמה כדי שהקישור "קבל גופן" יופיע. לחץ על קישור זה ו- CSS עבור אותו גופן יוצג במסגרת לרגלי דף האינטרנט. אתה יכול להעתיק את הקוד בקוד HTML משלך.
בודק גופנים אינו מהנה מבחינה ויזואלית כמו אפליקציית האינטרנט הראשונה ברשימה שלנו, אך אין להכחיש את השימושיות שלה שכן מדובר בכמה אפשרויות נוספות המאפשרות להציג תצוגה מקדימה ובחירת הגופן הנכון. אתה יכול להשתמש בהשוואת הגופנים ולבדוק שלושה סגנונות זה לצד זה. אתה יכול להשתמש בטקסט ברירת המחדל או להזין שוב משלך. בשלב הבא, השתעשעו במאפייני CSS (כל אלה קשורים בגופן כלולים) כדי לקבל את המראה הנכון שתרצו לעיצוב האינטרנט שלכם. בורר צבע מאפשר לך לכוונן עוד יותר את המראה. יש גם מפת תווים בה תוכלו להשתמש בכדי למצוא במהירות את ישות ה- HTML התואמת עבור תו מסוים.
משחק מעצבים
בצע ניסויים עם סוגים שונים ושילוב צבעים שונים בכלי מקוון זה. בחר את הטקסט המתייחס להעתקת גוף וכותרות, ולשחק עם צבעי הרקע וטקסט הגוף. היתרון הוא שתקבלו משוב מיידי בשאלה האם השילוב שבחרתם עומד בהמלצות World Web Web Consortium (W3C).
אתה יכול להגדיר את רוחב המאמר לדוגמה יחד עם אורך המאמר והפסקאות. תכנון לסביבות שונות נעזר גם על ידי ניגודיות הצבע המיידיות והמלצות הנגישות לבהירות הן W3C והן Hewlett Packard.
כלי זה להשוואת גופנים הוא יישום ניסיוני אך מעניין של HTML5. לכן זה יעבוד רק בדפדפנים התומכים בתקן החדש. כרגע זה Firefox 3.6 ומעלה. אתה יכול פשוט לגרור ולשחרר כל סוג טרויטי (ttf), opentype (otf), גרפיקה וקטורית מדרגית (svg) או Web Open גופנים של פורמט גופנים (WOFF) משולחן העבודה לסרגל הצד השמאלי וזה משנה את משפחת הגופנים של טקסט. ניתן לערוך את טקסט ברירת המחדל כך שיכלול את משלך. אתה יכול לבחור את הגופנים בלוח השמאלי ולראות את השינויים.
עד כה בדקנו בחמש אפליקציות אינטרנט מקוונות המאפשרות לנו לצפות בתצוגה מקדימה ובחר את הגופן הנכון. אם אתה מחפש תוכנה חופשית לשולחן העבודה במקום זאת, קח סיכון עם FontViewOK 5 כלים להשוואה בין גופנים ובחירת הגופן המתאים לעבודה שלךגופנים וגופנים נמצאים סביבנו. אם אתה מעצב אתרים אתה צריך לבחור אותם בקפידה. כאשר אנו מנסים לבחור גופן, אנו עושים די הרבה השוואה בין ... קרא עוד (ver.2.15). זו אפליקציה של Windows בלבד וכפי שהסקירה הקצרה שלנו תאמר לכם, היא פשוטה יותר מאפליקציות האינטרנט שכיסינו לעיל.
האם אתה מעצב אתרים הזקוק לכלי השוואת גופנים בערכת הכלים שלו לעיצוב אתרים? מהן היישומים האחרים הקשורים לגופן שתרצה להמליץ עליהם?
אשראי תמונה: Shutterstock
סיייקט באסו הוא סגן עורך לאינטרנט, חלונות ופרודוקטיביות. אחרי שהסיר את הטרחה של MBA וקריירת שיווק בת עשר שנים, הוא נלהב כעת לעזור לאחרים לשפר את כישורי סיפורם. הוא מחפש את פסיק האוקספורד החסר ושונא צילומי מסך גרועים. אבל רעיונות לצילום, פוטושופ ופרודוקטיביות מרגיעים את נשמתו.
