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

استفاده از تصاوير واکنشگرا يا Responsive image در طراحي سايت ، تصاويري با کيفيت بالا و مناسب با صفحه نمايش را فراهم ميکنند .
امروزه استفاده از responsive image ها در طراحي وب بسيار استفاده مي شود، چون اين تصاوير از نوع وکتور هستند، امکان نمايش در رابط هاي مختلف را دارند.
آيکن فونت ها مجموعه اي از آيکن ها هستند که به صورت فونت ارائه مي شوند. براي استفاده از اين آيکن فونت ها کافي است مجموعه اين آيکن فونت را مانند بارگذاري وب فونت ها به فايلCSS پروژه ي خود اضافه کنيد و سپس به راحتي از آنها استفاده کنيد.
نکته ي مهم در مورد آيکن فونت ها اين است که آنها از SVG استفاده مي کنند و وکتور هستند و به همين دليل در اندازه هاي مختلف افت کيفيت نخواهند داشت.
از مزاياي استفاده از آيکون فونت مي توآن به گزينه هاي زير اشاره کرد:
پشتيبآني در مرورگرهاي مختلف (مرورگر IE 4 به بالا)
حجم پايين
عدم افت کيفيت در سايز هاي مختلف
امکان اعمال CSS هاي مختلف بر روي اين آيکن ها (text-shadow، طراحي حالت هاي مختلف شامل hover, focus و ...)