irserv.ir

انجمن تخصصی ایران سرور

سرور آموزش ایران

آموزش های متنوع

ایران سرور
انجمن تخصصی

طرز استفاده از فونت آیکون ها در طراحی وب سایت
زمان کنونی: 01-18-2017، 07:37 AM
کاربران در حال بازدید این موضوع: 1 مهمان
نویسنده: giftkaas
آخرین ارسال: giftkaas
پاسخ
بازدید 136

رتبه موضوع:
  • 1 رای - 2 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
طرز استفاده از فونت آیکون ها در طراحی وب سایت

طرز استفاده از فونت آیکون ها در طراحی وب سایت
عضو تازه ثبت نام شده انجمن
*
عضو تازه ثبت نام شده انجمن
ارسال‌ها: 1
تاریخ عضویت: Jul 2016
اعتبار: 0
وضعیت : آفلاین
جنسیت:
#1
طرز استفاده از فونت آیکون ها در طراحی وب سایت
امروزه طراحان وب سایت همواره سعی می کنند حجم کد برنامه خود را کاهش دهند تا سرعت لود وب سایت آنها افزایش یابد.یکی از این راهها استفاده از هدایای تبلیغاتی فونت آیکونها به جای عکس در طراحی وب سایت می باشد.به فونت آیکون ها در css 3 همانند متن ها قابلیت پذیرش رنگ و سایز را دارند و استفاده از آنها در طراحی وب سایت به سادگی امکان پذیر است.فونت آیکون ها انواع مختلفی دارند مانند glyphicon و fontawesome و ... که معروفترین آنها fontawesome است که در اینجا به طرز استفاده از این فونت توضیح خواهیم داد.طرز استفاده :ابتدا شما باید فایل fontawesome را از وب سایت http://fontawesome.io دانلود کنید و آن را از حالت فشرده سازی خارج کنید و دو فایل css و فونت را در روت فایل وب سایت خود کپی کنید.حال طبق دستورالعمل زیر در html خود در داخل تگ head با استفاده از تگ link فایل css فونت خود را متصل کنید.
<link href = "css/font-awesome.min.css" rel = "stylesheet" > <i class = "fa fa-camera-retro" ></i><i class = "fa fa-amazon" > </i><i class = "fa fa-play" > </i>
حال شما در هر جای وب سایت خود به راحتی مانند یک متن ساده می توانید این فونت را به کار ببرید.نکته : به فونت آیکون ها همانند متن ها می توانید خاصیت color و size و padding و ... بدهید.
07-27-2016، 02:08 PM
پاسخ


پیام‌های این موضوع
طرز استفاده از فونت آیکون ها در طراحی وب سایت - توسط giftkaas - 07-27-2016، 02:08 PM

موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  ترفند هایی جذاب در طراحی سایت دانشگاهی sitecode 0 0 01-16-2017، 05:02 PM
آخرین ارسال: sitecode
  طراحی سایت مدارس چگونه است؟ sitecode 0 0 01-16-2017، 01:32 PM
آخرین ارسال: sitecode
  اشتباهاتی که در طراحی سایت باید کنار گذاشته شوند: sh369 0 6 01-15-2017، 04:39 PM
آخرین ارسال: sh369
Lightbulb اشتباهات رایج در طراحی سایت -بخش دوم samira-27 0 5 01-15-2017، 02:56 PM
آخرین ارسال: samira-27
Lightbulb چرا طراحی سایت با PHP samira-27 0 4 01-15-2017، 02:55 PM
آخرین ارسال: samira-27
  ۶ گام برای داشتن سایت وردپرس Mobile friendly ehsannasr 0 4 01-15-2017، 01:56 PM
آخرین ارسال: ehsannasr
  نکات مهمی درباره مدیریت وب سایت و مشتریان در سال 2017 portal 0 8 01-15-2017، 12:35 AM
آخرین ارسال: portal
  به کارگیری ترند جدید طراحی سایت: کاری درست یا اشتباه؟ portal 0 7 01-15-2017، 12:33 AM
آخرین ارسال: portal
  چند اشتباه در طراحی سایت sh369 0 10 01-14-2017، 04:46 PM
آخرین ارسال: sh369
  نکاتی که طراحی سایت را ساده میکند sh369 0 19 01-13-2017، 04:41 PM
آخرین ارسال: sh369

پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان