در طراحي سايت مختلف حتما آيكن هاي گرافيكي جذابي را ديده ايد كه براي شبكه هاي اجتماعي و يا براي داخل نوشته ها از آن استفاده شده است. حالا اينكه اين آيكن ها عكس هستند و يا فونت؟ بيشتر درباره اش صحبت ميكنيم و يا اينكه اصلا چه فرقي با هم دارند؟ و با اينكه كدوم يكي بهتر است؟
در سايت ها موقع طراحي سايت براي نمايش قشنگ تر شبكه هاي اجتماعي از آيكن هاي رنگي استفاده ميكنند. ولي يك نكته وجود دارد آن هم اينكه اگر تعداد اين آيكن ها زياد باشد براي لود صفحه دچار مشكل ميشويد اگر اين آيكن ها را به صورت img داخل سايت قرار داده باشيد. چون وب سايت براي لود اين عكس ها مجبور است وقت صرف كند. راه حل براي استفاده از آيكن ها زيبا در سايت چيست؟
براي حل مشكل لود آيكن و همچنين سرعت … هنگام طراحي وب سايت از فونت آيكن استفاده ميشود.
حالا ببينيم فونت آيكن چيست؟
در واقع فونت آيكن ها تصوير هاي وكتوري هستند كه در قالب يك فونت ارائه ميشوند. كه شامل ويژگي هاي كم حجم بودن، سادگي استفاده ، توانايي تغيير در سايز بدون تغيير در كيفيت آيكن… را دارد.
فونت آيكن هاي زيادي در حال آمادن در بازار اينترنتي هستند.از معروف ترين فونت آيكن هاي موجود ميتوان به Font Awesome اشاره كرد.
نحوه استفاده از Font Awesome درطراحي سايت
آخرين ورژن موحود فونت آيكن را از سايت fontawesome.io دانلود كنيد. پس از دانلود در سيستم پوشه font و css آن را در فايل پروژه خود ذخيره كنيد.
بعد از آن فايل ها را به سيستم خود متصل كنيد. براي css كافي است آن را در head سايت خود اضافه كنيد. حالا ميتوانيد از فونت آيكن ها در سايت خود استفاده كنيد .
وارد بخش آيكن هاي سايت fontawesome.io/icons شويد . همانطور كه ميبينيد اين سايت تعداد آيكن هاي فوق العاده زيادي دارد كه ميتوانيد از آن ها در زمينه اي مختلف سايتتان استفاده كنيد.
همچنين ميتوانيد با fa-2x ، fa-3x … اندازه ايكن را انتخاب كنيد .
نكته مهم: به دليل اينكه اين آيكن ها به صورت فونت هستند براي تغيير در رنگ و اندازه و جاي ايكن ها… ميتوانيد از css استفاده كنيد و به آن ها رنگ دلخواه را بدهيد.
علت استفاده از فونت آيكن ها
وجود آيكن هايي كه توانايي تنظيم سايز بدون تغيير در كيفيت آيكن صورت ميگيرد. و همچنين سرعت بالا در بود آن ها از مهمترين ويژگيه اي استفاده از فونت آيكن ها است.ما در اينجا به معرفي font پرداختيم شما ميتوانيد از فونت آيكن هاي ديگري براي سايت خودتان استفاده كنيد كه اين بر اساس سليقه شخصي شما است.نكته مهم در استفاده از تمامي فونت آيكن ها اين است كه شما نحوه اجرا و استفاده از آن ها را ياد بگيريد .
منبع: طراحي سايت
در طراحي سايت مختلف حتما آيكن هاي گرافيكي جذابي را ديده ايد كه براي شبكه هاي اجتماعي و يا براي داخل نوشته ها از آن استفاده شده است. حالا اينكه اين آيكن ها عكس هستند و يا فونت؟ بيشتر درباره اش صحبت ميكنيم و يا اينكه اصلا چه فرقي با هم دارند؟ و با اينكه كدوم يكي بهتر است؟
در سايت ها موقع طراحي سايت براي نمايش قشنگ تر شبكه هاي اجتماعي از آيكن هاي رنگي استفاده ميكنند. ولي يك نكته وجود دارد آن هم اينكه اگر تعداد اين آيكن ها زياد باشد براي لود صفحه دچار مشكل ميشويد اگر اين آيكن ها را به صورت img داخل سايت قرار داده باشيد. چون وب سايت براي لود اين عكس ها مجبور است وقت صرف كند. راه حل براي استفاده از آيكن ها زيبا در سايت چيست؟
براي حل مشكل لود آيكن و همچنين سرعت … هنگام طراحي وب سايت از فونت آيكن استفاده ميشود.
حالا ببينيم فونت آيكن چيست؟
در واقع فونت آيكن ها تصوير هاي وكتوري هستند كه در قالب يك فونت ارائه ميشوند. كه شامل ويژگي هاي كم حجم بودن، سادگي استفاده ، توانايي تغيير در سايز بدون تغيير در كيفيت آيكن… را دارد.
فونت آيكن هاي زيادي در حال آمادن در بازار اينترنتي هستند.از معروف ترين فونت آيكن هاي موجود ميتوان به Font Awesome اشاره كرد.
نحوه استفاده از Font Awesome درطراحي سايت
آخرين ورژن موحود فونت آيكن را از سايت fontawesome.io دانلود كنيد. پس از دانلود در سيستم پوشه font و css آن را در فايل پروژه خود ذخيره كنيد.
بعد از آن فايل ها را به سيستم خود متصل كنيد. براي css كافي است آن را در head سايت خود اضافه كنيد. حالا ميتوانيد از فونت آيكن ها در سايت خود استفاده كنيد .
وارد بخش آيكن هاي سايت fontawesome.io/icons شويد . همانطور كه ميبينيد اين سايت تعداد آيكن هاي فوق العاده زيادي دارد كه ميتوانيد از آن ها در زمينه اي مختلف سايتتان استفاده كنيد.
همچنين ميتوانيد با fa-2x ، fa-3x … اندازه ايكن را انتخاب كنيد .
نكته مهم: به دليل اينكه اين آيكن ها به صورت فونت هستند براي تغيير در رنگ و اندازه و جاي ايكن ها… ميتوانيد از css استفاده كنيد و به آن ها رنگ دلخواه را بدهيد.
علت استفاده از فونت آيكن ها
وجود آيكن هايي كه توانايي تنظيم سايز بدون تغيير در كيفيت آيكن صورت ميگيرد. و همچنين سرعت بالا در بود آن ها از مهمترين ويژگيه اي استفاده از فونت آيكن ها است.ما در اينجا به معرفي font پرداختيم شما ميتوانيد از فونت آيكن هاي ديگري براي سايت خودتان استفاده كنيد كه اين بر اساس سليقه شخصي شما است.نكته مهم در استفاده از تمامي فونت آيكن ها اين است كه شما نحوه اجرا و استفاده از آن ها را ياد بگيريد .
منبع: طراحي سايت
طراحي سايت مراكز تجاري و فروش