فونت آیکون یا SVG
دوستان به نظرتون کدوم روش بهتره
1- استفاده از فونت آیکون مثل (FONT AWESOME)
2- استفاده از SVG
کدوم بهینه تره و باعثکندی سرعت سایت نمیشه؟
پاسخها
3
استفاده از هردو خوبه. اما استفاده از svg بهتره
فکرکن مثلا توی پروژت شاید کلا 15 تا ایکن استفاده کنی، اگه فونت ایکن بخواین استفاده کنید باید کل پکیج رو ضمیمه پروژه کنین به همراه فونت هاش و سی اس اسش
ولی svg اگه باشه فقط همون ایکن هایی که لازم دارین رو در کد میارین
تازه روشهایی هم وجود داره برای استفاده از svg که کارشما رو در فراخوانیش راحتتر میکنه
این لینک استفاده از تگ use رو یاد داده
همونطور که فرمودن استفاده از فونت باعث سنگینی میشه ولی اگه استفاده کنید هم بد نیست
من معمولا از سایت flaticon فایل svg رو دانلود میکنم و به پروژه اضافه میکنم
اگر از تعداد قابل توجهی از آیکون های یک فونت آماده مثل FontAwesome استفاده میکنید ارزش حجمش رو داره. اما در صورتیکه موارد استفادتون خیلی محدود هست و از اون طرف هم کلی آیکون کاستوم دیگه خودتون نیاز دارید پیشنهادم اینه که خودتون یک fonticon اختصاصی بر حسب نیازتون بسازید و مثل fontawesome ازش استفاده کنید.
استفاده از svg هم یک راهکار سریع و تا حدی هم بهینه هست. اما در شرایطی که استفادتون از آیکون ها مقداری زیاد باشه در یک صفحه استفاده از fonticon از جاهات زیادی بهینه تر خواهد بود.
ابزارهای آنلاین زیادی هم برای تولید fonticon وجود داره مثلا:
icomoon.io
fontastic.me
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد