رفتن به مطلب

فونت یا آیکن؟


پست های پیشنهاد شده

سلام،

برای استفاده از آیکن هایی مثل آیکن جستجو و فلِش و..، در سایت از تصاویر SVG اونها استفاده کنیم بهتره یا اینکه از فونت استفاده کنیم؟

البته یک روش دیگه هم و اون این که همه آیکن ها رو توی یک عکس بریزیم و ازش استفاده کنیم.

کدوم بهتره؟

ویرایش شده توسط mir.seyyed
لینک به ارسال

سلام

درصورتی که تعداد آیکون های مورد استفاده در پروژه تان کم است توصیه میشه آیکون های مورد نظرتون را به صورت sprite کرده و استفاده بفرمایید.

یک نمونه سایت که به صورت خودکار تصاویر و میدین sprite میکنه و کد CSS آن را به همراه تصویر خروجی میدهد.

https://css.spritegen.com/

 

برای مشاهده سایت های دیگر عبارت css sprites generator را در گوگل جستجو کنید

لینک به ارسال
در 4 ساعت قبل، sanehia گفته است :

لام

درصورتی که تعداد آیکون های مورد استفاده در پروژه تان کم است توصیه میشه آیکون های مورد نظرتون را به صورت sprite کرده و استفاده بفرمایید.

یک نمونه سایت که به صورت خودکار تصاویر و میدین sprite میکنه و کد CSS آن را به همراه تصویر خروجی میدهد.

https://css.spritegen.com/

 

برای مشاهده سایت های دیگر عبارت css sprites generator را در گوگل جستجو کنید

خیلی ممنون بابت معرفی اون سایت،

 

اما یک سوال:

font awesome هم یک قابلیّتی داره به نام sprite، حالا بهتر اینه که این نوعش استفاده کنیم یا از فونتش؟

لطفاً دلیل انتخاب رو هم بگین.

در اون نوع(sprite) آیا امکان تغییر رنگ و تغییر اندازه یا چرخش هست؟

لینک به ارسال
در 30 دقیقه قبل، asadiy4n گفته است :

نسخه رایگان fontawesome واقعا پکیج کاملیه اما اگر نیاز شما رو براورده نمیکنه همون css sprite روش مناسبی هست

سلام،

((یکجا شنیده بودم مثلاً میشه یک فونتی رو خودمون ویرایش کنیم و آیکن هایی که می خوایم رو داخلش بذاریم))

لینک به ارسال
در 9 ساعت قبل، mir.seyyed گفته است :

سلام،

((یکجا شنیده بودم مثلاً میشه یک فونتی رو خودمون ویرایش کنیم و آیکن هایی که می خوایم رو داخلش بذاریم))

بله دیگه کلا می تونید فونت بسازید مثال همین فونت های ایرانی که ساخته و به فروش گذاشته میشن، البته در این خصوص اطلاعات دقیقی ندارم

لینک به ارسال

با تشکّر از دوستان بزرگواری که زحمت کشیدن و پاسخ دادن

 

نتیجه تایپیک:

 

برای استفاده از آیکن در وبسایت راه های مختلفی وجود داره:

 

1. استفاده از آیکن به صورت تکی SVG که در صورت کم بودن آیکن ها توصیه میشود.

2. استفاده از تصاویر Sprite .

3. استفاده از فونت آیکن(که بر چند راه میتوان از آ« استفاده کرد:

لف) فونت آو سام

ب) فونت آیکن گوگال

ج) فونت آیکن بوت استرپ

د) ساخت فونت آیکن سفارشی

((به این صورت که با نرم افزار های ویرایش فونت، فونتی رو بسازیم و آیکن های که می خواهیم رو داخل بذاریم.((که از نظر بنده این روش حرفه ای تر میباشد))

 

 

امّا روش بهتر، از بین سه روش فوق استفاده از فونت آیکن است زیرا برای طرّاحی ریسپانسو و تفییر رنگ و سایز با CSS مناسب است.

 

انشاالله که نتیجه گیری صحیحی داشته باشم.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...