توضیحات
ما از مزایای استفاده از آیکون ها در وب سایت مطلع هستیم. به صورت سنتی از روش های متفاوتی برای قرار دادن آیکون در سایت استفاده می کردیم. وجه مشترک همه آن ها استفاده از فرمت های مختلف تصویری مانند GIF، JPG یا PNG برای نمایش آیکون ها بود. امروزه یکی از روش هایی که به لطف CSS3 جایگزین روش های سنتی شده است، استفاده از وب فونت ها است. استفاده از فونت هایی که در کنار کاراکترهای معمولی (اعداد، حروف و …) از کاراکترهایی به شکل آیکون بهره می برند مزایای زیادی دارد. یکی از نقاط قوت فونت ها، وکتور بودن آن ها است. بنابراین می توانیم بدون افت کیفیت در هر سایزی از این آیکون ها استفاده کنیم.برتری دیگر فونت ها حجم پایین نسبت به محتویات آن است.
چرخش آیکون ها: با افزودن کلاس icon-spin آیکون انیمیشن چرخش ساده خواهد داشت. این کلاس با آیکون های icon-spinner و icon-refresh بیشتر استفاده می شود. متاسفانه اینترنت اکسپلورر تا نسخه 10 این خصوصیت را پشتیبانی نمی کند. (تصویر زیر بدون انیمیشن قرار گرفته است)
با توجه به ماهیت این آیکون ها، در هر قسمت صفحه HTML می توانیم کد مخصوص کاراکتر را قرار دهیم. (به عنوان مثال  کد مربوط به آیکون play است. لیست این کدها در فایل دانلودی وجود دارد)
شخصی سازی لیست آیکون ها
یکی از بهترین و مفیدترین امکانات Font Awesome توانایی انتخاب آیکون های مورد نیاز و تولید فونت جدید برای کاهش حجم آن است. برای این منظور می توانید به این آدرس مراجعه، آیکون های خود را انتخاب و فونت جدید را دریافت نمایید.
■ آموزش نصب فونت در ویندوز
ابتدا دقت داشته باشید فایل دانلودی را از حالت فشرده خارج کرده باشید.
اگر از ویندوز 7 به بالا استفاده میکنید کافی است که روی فونت و یا فونت ها کلیک راست کنید (فقط فایلهای با فرمت ttf و otf دقت کنید فایل دیگری را انتخاب نکرده باشید) و روی گزینه install کلیک کنید تا فونت ها نصب گردند.
در حالت کلی فونت مورد نظر را در مسیر فونتهای ویندوز کپی نمایید، مسیر پیش فرض: C:\WINDOWS\Fonts
برای آشنایی بیشتر با نحوه استفاده و به کارگیری فونت در پلتفرمهای مختلف بخش راهنمای سایت را مطالعه کنید.
جلال بختیاری –
دانلود فونت برای لپ تاپ
سجاد کاظمی –
کدام فونت عربی است
رضا –
مستطیل نشون میده فونت که؟؟؟؟؟؟؟؟؟
mohammad –
سلام من از این فونت استفاده کردم و مشکلم اینه که فونت هارو به شکل مستطیل تو خالی نشون میده مشکل چیه؟؟؟
علی سواری –
پاسخ: در چه نرم افزاری؟
بهار –
سلام خسته نباشید.بابت آموزشتون ممنون.من این کاری که شما فرمودید رو انجام دادم ولی آیکون ها رو نشون نداد.من سایت های مختلفی رو گشتم و توضیحات مختلفی برای استفاده از آیکون های بوت استرپ واین فایلی که شما گذاشتید دیدم وانجام دادم ولی باز مشکل من حل نشده.لطفا کمکم کنید چطوری من میتونم آیکون های بوت استرپ رو فراخوانی کنم و ازشون استفاده کنم.