איך להוסיף אייקון fontawsome ישירות דרך CSS

You are here:
< Back

מי לא מכיר את ספריית Fontawsome שנותנת לנו להטמיע באתר אייקונים וקטורים (בשפת קוד, בעלי משקל קל וניתנים לשינוי רזולוציה ללא איבוד האיכות)

אפשר להטמיע אותה באופן המסורתי  אך לפעמים נצטרך להוסיף את האייקונים ל HTML קיים על ידי רכיבה על ה CLASS \ID של האלמנט באמצעות CSS.

הדרך לעשות זאת היא להוסיף את משפחת הפונטים ואת מאפיין התוכן לאלמנט ה CSS שאותו נראה לעצב. ראשית נבחר את האייקון שנרצה להטמיע. נאתר את קוד התוכן שלו (תוכלו לראות את רשימת התכנים כאן)  ונוסיף אותו לערך של התוכן (content) בכלל ה CSS כך:

.mycssclass:before {
content: "\25AE";
font-family: FontAwesome;
}

Tags: