استفاده از آیکن فونت ها در طراحی وب سایت + معرفی سایت

استفاده از آیکن فونت ها در طراحی وب سایت + معرفی سایت

 7 سال قبل

استفاده از تصاویر واکنشگرا یا Responsive image در طراحی سایت ، تصاویری با کیفیت بالا و مناسب با صفحه نمایش را فراهم میکنند .

امروزه استفاده از responsive image ها در طراحی وب بسیار استفاده می شود، چون این تصاویر از نوع وکتور هستند، امکان نمایش در رابط های مختلف را دارند.

آیکن فونت ها مجموعه ای از آیکن ها هستند که به صورت فونت ارائه می شوند. برای استفاده از این آیکن فونت ها کافی است مجموعه این آیکن فونت را مانند بارگذاری وب فونت ها به فایلCSS پروژه ی خود اضافه کنید و سپس به راحتی از آنها استفاده کنید.

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

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

پشتیبآنی در مرورگرهای مختلف (مرورگر IE 4 به بالا)

حجم پایین

عدم افت کیفیت در سایز های مختلف

امکان اعمال CSS های مختلف بر روی این آیکن ها (text-shadow، طراحی حالت های مختلف شامل hover, focus و ...)

در پایان لینک بعضی از سایتهای دانلود وکتور و آیکون فونت ها را قرار می دهم.

iconfinder

flaticon

freepik

icomoon

all-free-download

icons8

modern ui icon

تو پیشگامیت، میتونی سوالات رو بپرسی و هم میتونی مطلب منتشر کنی.

پیشگام پلاس   پرسش و پاسخ