גופן מדהים: מדריך הספרייה המלאה

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

גופן סמל מדהים סט: המדריך האולטימטיבי

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

Font Awesome מעניק לך סמלי וקטור מדרגיים שתוכלו להתאים אישית בקלות - גודל, צבע, צללים וכל מה שניתן לעשות עם CSS.

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

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

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

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

איך זה עובד

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

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

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

למה מעצבים לבחור גופן מדהים

גופן מדהים יש מספר יתרונות:

• חיבור מהיר. אתה רק צריך להוריד קובץ מיוחד מהאתר הרשמי לחבר אותו על ידי ציון הנתיב אליו בקוד CSS.
• גמישות ומדרגיות. ניתן להגדיל את הסמלים לכל גודל. הסמלים יהיו ברורים כמו המכשיר מאפשר. בעידן של עיצוב תגובה, זה חשוב. אגב, מאותה סיבה, גופן סמלים מדהים מתאימים למציג הרשתית.
• סטייליזציה. אייקונים ניתן לשנות בקלות בצבע, גודל, צל או כל פרמטרים חיצוניים אחרים. המעצב מקבל את כל היתרונות של סטיילינג טקסט רגיל. ניתן גם לסובב את הסמלים. לדוגמה, להציג הפוך או לסובב 90 מעלות.
• טעינה מהירה של האתר. כל הסמלים כלולים בקובץ גופן אחד. אז זה לוקח רק בקשת HTTP אחד לטעון גופן מדהים. זה נהדר עבור ביצועי האתר.
• אהבה של דפדפנים. גופן מדהים הוא כלי דפדפן חוצה. אתה לא צריך לדאוג תאימות דפדפן של גופנים וסמלים. הם נתמכים היטב על ידי כולם. אפילו ישן IE8.
• תואם למסגרות שונות. הספרייה נוצרה בעיקר עבור Bootstrap. עם זאת, זה יעבוד היטב עם מסגרות אחרות גם כן.
• מספר פורמטים. הכלי זמין ב., .TF ,.WOFF ו- SVG פורמטים. אז גופן מדהים מטופל באותו אופן כמו גופני אינטרנט אחרים.
• לא נדרש JavaScript. גופן מדהים אינו דורש JavaScript לרוץ.

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

חסרונות של גופן מדהים

הכלי יש גם חסרונות. למרבה המזל, אין הרבה מהם.

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

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

גופן גירסאות מדהים: 5 ו -6

גופן AWESOME 5 שוחרר ב -7 בדצמבר 2017 ובמקור הכיל 1278 סמלים. הגרסה החמישית מגיע בשתי חבילות: חינם (גופן מדהים חינם) ושילם (גופן awesome Pro). התוכנית החופשית מכילה גם סמלים מכל הגירסאות הרביעית. הסמלים זמינים תחת רישיון גופן פתוח 1.1, Creative Commons ייחוס 4.0, ו- MIT.

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

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

תוכניות חינם ותשלום: הבדלים ותכונות

אתה יכול להוריד סמלים בחינם או בתעריף תוכנית.

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

תעריף בתשלום:

• כולל מעל 7800 סמלים ו -20 קבוצות.
• מספק גישה לגופן AWESOME PRO. משמעות הדבר היא כי הסמלים ניתן להשתמש ביישומים ניידים מקומיים במחשב שלך (לדוגמה, בעורך טקסט Word או בעת יצירת מצגת ב- PowerPoint).
• מאפשר לך להעלות סמלים משלך. אתה יכול להשתמש בסמלים שלך לצד או במקום של הסמלים הרשמי של הגופן מדהים. לדוגמה, זה איך אתה יכול להעלות את הלוגו של החברה. אתה יכול לבצע את אותן פעולות עם סמלים משלך כמו עם אלה הבסיסיים - לשנות את הסגנון, גודל, צבע, וכו '

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

דרכים לחיבור גופן מדהים

קודם כל, אתה צריך ללכת לאתר הרשמי ולהוריד את הספרייה. יש לפרוק את הארכיון שהורדת ואת התיקיות CSS ו- PNS שהועתקו לתיקיית האתר שלך.

לאחר מכן, הנתיב לקובץ הספרייה מוגדר בין תגי הראש. לדוגמה:

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

1.Using HTML.

הדרך הקלה ביותר.

אתה צריך ללכת לגלריה באתר הרשמי (fontawesome.com/icons?d=Gallery) ולבחור את הסמל שאתה אוהב. לכל סמל יש קוד אישי, לדוגמה :. זה מספיק כדי להעתיק ולהדביק אותו במקום הנכון בקוד.

2. באמצעות CSS.

לשם כך, השתמש באלמנטים של פסאודו לאחר או לפני, כמו גם את Unicode של הסמל הנדרש. אתה יכול לקחת את כל זה באותו גלריה. דוגמה לקוד כזה: F209.

דוגמה לכניסת קובץ סגנון:

DIV :: לאחר {display: בלוק; תוכן: 'F209'; Font-Family: 'גופן מדהים 5 חינם';}

לסיכום: כל איקונים מדהים גופן

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