Micon - Windows 10 סמל גופן עבור מעצבי אינטרנט

ה עיצוב מחדש עבור Windows 10 - - הגיע עם תכונות חדשות רבות ומראה חדש לגמרי. אחד השינויים הגדולים ביותר הגיע לסמל האיקוני, במיוחד בהשוואה ל- Windows 7 ו- XP.

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

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

מבנה האתר בפועל עוקב אחר פורמט דומה ל- Font Awesome. אתה יכול דפדף בין כל הסמלים ולחץ על כל אחד מהם כדי לקבל פרטים נוספים בדף חדש.

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

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

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

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

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

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

הסמלים האלה אפילו לעבוד היטב עם Bootstrap, אז אתה יכול לשלב אותו עם מסגרת BS3 / BS4 עבור כמה פריסות מותאמות אישית אמיתי.

הורד חינם זכויות יוצרים מ Micon הבית ולראות איך אתה יכול לעבוד אלה Windows 10 בסגנון הסמלים לתוך העיצוב הבא שלך.