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

طراحی گرافیک وب سایت با آیکن فونت ها، تصاویر وکتور با قابلیت عدم افت کیفیت در سایز های مختلف و قابل اجرا در دستگاههای مختلف با سایز های مختلف

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

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

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

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

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

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

حجم پایین

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

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

 

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

 

 

 

 

 

 

 

 

 

 

امیدواریم از این مقاله بهره کافی را برده باشید .

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

چهارشنبه 15 مرداد 1393 - 15:35:47 8131 آخرین بازدید : جمعه 7 اردیبهشت 1403 - 10:17:14 0
*
*