Menu
97 35 94 66  info@samiaco.ir
27

نحوه استفاده از آیکون های فونت در طراحی سایت

نحوه استفاده از آیکون های فونت در طراحی سایت

استفاده از فونت آیکون به علت ویژگی های منحصر به فردی که دارد خیلی سریع در طراحی سایت مورد استفاده قرار گرفت و طراحان زیادی به خاطر ویژگی های بسیاری که این آیکون ها دارند جذب آن شدند . یکی از ویژگی های منحصر به فرد این آیکون این است که طراحان توانایی دستکاری آیکون ها با CSS را می دهد و این امر باعث می شود این آیکون ها بنا به نیاز طراحان تغییر پیدا کنند . استفاده از این نوع آیکون ها به قدری بالا رفته است که بسیاری از پلتفرم های UI نظیر بوت استرپ و یا foundation همیشه در نسخه های خود از یکسری آیکون های فونت که برای طراحان سایت مفید هستند ارائه می دهند . یکی دیگر از ویژگی های خوبی که آیکون فونت دارد این است که هنگام بزرگ شدن و تغییر اندازه دادن کیفیت خود را از دست نمی دهد در زیر شما می توانید فونت آیکون و یک تصویر از بیت مپ که هنگام بزرگ شدن کیفیت خود را از دست داده و در کنار آن یک فونت آیکون که کیفیت خود را حفظ کرده است مشاهده نمایید .


یکی دیگر از ویژگی های منحصر به فردی که آیکون فون نسبت به تصاویر دارند زمان بارگذاری سریع آن در سایت می باشد ، با آنکه سرعت اینترنت در جهان رو به افزایش می باشد ولی همیشه باید طراحان هنگام طراحی سایت این نکته را فراموش نکنند که کاربران آنها با دیوایس های مختلف و با سرعت های مختلف در مکان های متفاوت به سایت آنها متصل می شوند بنابراین همیشه سرعت بارگذاری سایت مورد اهمیت قرار می گیرد . همچنین این نوع سبک یک آیکون را لود نمی کند بلکه کاربر هنگام اتصال به سرور یک لیستی از آیکون فونت ها را در مرورگر خود لود می کند که در صفحات بعدی دیگر نیاز به لود و بارگذاری این آیکون ها نیست و مرورگر سایت از کش خود برای لود این نوع آیکون ها استفاده می کند در واقع وقتی مرورگر برای اولین بار در حال کش کردن آیکون فونت می باشد به جای یک آیکون فونت ، لیستی از آیکون فونت ها که حجم آن فوق العاده کم می باشد را بارگذاری می کند و طراحان براساس نیاز خود آیکون مورد نظر خود را با اندازه ای که در خصوصیت CSS گفته شده است در سایت نمایش می دهد .

تعداد امتيازات: (2) Article Rating
تعداد مشاهده خبر: (87)
کد خبر: 2261


  • نحوه استفاده از آیکون های فونت در طراحی سایت