رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
طرز استفاده از فونت آیکون ها در طراحی وب سایت
#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 و ... بدهید.
پاسخ
سپاس شده توسط


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  12 قدم برای داشتن بهترین چیدمان در طراحی وب سایت filiph 0 1,931 10-01-2016, 09:37 AM
آخرین ارسال: filiph
  7 نکته کلیدی در طراحی وب سایت : filiph 0 2,006 08-21-2016, 11:08 AM
آخرین ارسال: filiph
  چرا داشتن وبلاگ برای وب سایت ضروری است؟ portal 0 1,655 08-16-2016, 01:23 AM
آخرین ارسال: portal
  سایت فارسی www.w3schools.com مهرداد عباسی 1 5,444 06-02-2014, 01:13 PM
آخرین ارسال: khateratean
  سوال در زمینه آموزش راه اندازی یک وب سایت Nikkhahan 7 9,606 06-12-2011, 12:24 PM
آخرین ارسال: مهرداد عباسی
  طراحی وب سایت همراه با شام و نهار فقط 1000 تومان مهرداد عباسی 0 3,040 03-03-2010, 04:07 PM
آخرین ارسال: مهرداد عباسی

پرش به انجمن:


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