فونت اوسام چیست؟

ما در وب علاوه بر فونت های متنی یک سری فونت هایی داریم که به صورت شکلی میتوانیم از ان ها در جاهای مختلف استفاده کرده و زیبایی سایت خودمان رو افزایش دهیم.
در این اموزش به نحوه ی استفاده از  Font-Awsome  میپردازیم

 فونت اوسام یک کتابخانه از فونت ایکونی.


خوب سوال اینکه که چرا از این شکلک های فونتی استفاده میکنیم. چند دلیل داره این کار.
یکی از کارهای جالبش این هست که زمیانی که شما دارید فونتی رو در قسمتی قرار میدید میتونید خیلی راحت روی اون فونت hoverبزارید.

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

font-awsome
بعد ها که فونت شکلی امد کار خیلی راحت شد.
فوت  اوسام یکی از این  کتابخانه شکلی هست.

چطوری از Font-Awsome استفاده کنیم؟

 فونت اوسام
برای  شروع میتونید به صفحه  فونت اوسام در سایت گیت هاب برید و از اونجا اخرین نسخه شو دانلود کنید.
البته پیشنهاد من استفاده از  نسخه  CDN   هست که اونو لود کنید

<code><link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"><code>

این خط کدو باید بین تگ headتو سورس صفحه قرار بدید


خوب حالا تنها کافیه از کلاس های اماده ان استفاده کنید

پوریا سبحانلو

سلام. پوریا سبجانلو هستم. دانشجوی ارشد نرم افزار.

3 سال هست در زمینه ی وب فارسی فعالیت دارم. تمرکزم روی برنامه نویسی وب اپلیکیشن  php هست اما گاهی دستی تو طراحی صفحات وب میبرم.

 

وبگاه: Psobhanlo.ir پست الکترونیکی این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید

نظر خود را اضافه کنید.

Post comment as a guest

0 محدودیت حروف
متن شما باید بیشتر از 3 حرف باشد
شرایط و قوانین.
نظرات | Add yours
  • هیچ نظری یافت نشد

درباره ی ما

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

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


آخرین پست ها

روزنامه

آدرس ایمیل خود را وارد کنید تا از آخرین مطالب ما در ایمیل خود با خبر شوید