כיצד להשתמש באלפי גופנים לא בטוחים באינטרנט כדי לתבל את אתר האינטרנט שלך

פרסומת

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

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

נפגשים Fonts.com, שירות אינטרנט המספק לנו אלפי גופנים חלופיים של דפי אינטרנט בהם אנו יכולים להשתמש בעיצוב האינטרנט / הבלוג שלנו - ו -3,000+ מהם זמינים בחינם.

גופנים דקים בחינם עבורך

Fonts.com מובא אלינו על ידי Monotype Imaging, שם ידוע בענף הגופנים. שם החברה עצמו הוא ערובה לכך שתמצאו כאן מגוון עצום של גופנים. אך לפני שנוכל להשתמש בשירות Fonts.com, עלינו להירשם תחילה לקבלת חשבון בחינם.

ישנן שלוש תוכניות "תמחור" זמינות עם תכונות שונות, אך אני באופן אישי חושב שהנושא החינמי - עם 3,000+ אפשרויות גופן, שימוש בלתי מוגבל באתרים וגופנים באתר, ו 25,000 צפיות בדף בחודש - הוא יותר ממספיק לבלוגרים ואתרי היומיום בעלי. ההצעה בחינם נדיבה מאוד בהתחשב בכך

Typekit - עוד שחקן גדול באותו תחום - מגביל את המשתמשים שלהם באמצעות אתר אינטרנט אחד בלבד ושני גופנים באתר.

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

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

אך לפני שתעשה זאת, עדיף לבדוק את רשימת הגופנים המוצגים.

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

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

לאחר הוספת הגופנים שאתה אוהב לפרויקט, תוכל להתחיל לעבוד על גיליון הסגנון שלך. עבור אל "בוררים", הקלד בורר ולחץ על"הוסף בורר“. חזור על התהליך עבור בוחרים אחרים. מעט ידע ב HTML ו- CSS יהיה שימושי מאוד כאן, אך השימוש בסיסי "גוף"ו-"h1" ל "hx"(שנה את ה- x עם מספר כלשהו) יעשה למתחילים.

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

השלב האחרון הוא לפרסם את הפרויקט שלך. לחיצה על הלחצן "פרסםהכרטיסייה תיתן לך ארבע אפשרויות. מתחילים ירצו להישאר עם אפשרות 1.

בעוד שהאפשרויות 3 ו -4 זמינות רק למשתמשים בתשלום.

תקבל שורת קוד אחת ליישום באתר האינטרנט שלך. לחץ על "בחר קוד"ולחץ על Command + C (Mac) או Ctrl + C (Windows) כדי להעתיק את הקוד.

עכשיו נעבור לאתר שלך כדי להחיל את הקוד.

החלת הקוד

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

התקן והפעל תוסף WordPress בשם "הוסף קודים"והדבק את קוד הגופן בתוך"כותרת בלוג"ושמור את השינויים.

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

היופי במערכת זו הוא שאם תבצעו שינויים בפרויקט שלכם בתוך Fonts.com, השינויים יוחלו אוטומטית באתר האינטרנט שלכם מבלי שתצטרכו לעשות דבר.

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

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