فونت عالی: راهنمای کتابخانه کامل

آیکون های رایگان فونت بسیار معروف: چه چیزی است و آنچه که آن را استفاده می شود. نحوه اتصال آیکون ها به سایت. مزایا و معایب کتابخانه.

فونت آیکون بسیار معروف مجموعه: راهنمای نهایی

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

Font Awesome به شما نمادهای بردار مقیاس پذیر می دهد که می توانید به راحتی شخصی سازی کنید - اندازه ، رنگ ، سایه ها و هر چیز دیگری که با CSS انجام می شود.

Font Awesome Library مجموعه عظیمی از بهترین پیشنهادات را برای شما دارد. شما پروژه خود را با نمادهای منحصر به فرد بهبود می بخشید. در حقیقت ، این مجموعه عظیمی از انواع نمادها است که می توانید برای اهداف خود استفاده کنید.

در Fontawesome، تمام آیکون ها کاملا و کاملا رایگان هستند. این کتابخانه تحت مجوز GNU General Public Public مجوز دارد. این به این معنی است که می توان آن را آزادانه در پروژه های تجاری و در اصل در همه جا استفاده کرد.

مجموعه توسط دیو گاندی ایجاد شد. این شامل آیکون های رسانه های اجتماعی رایگان، آیکون ها برای بهبود رابط کاربری و غیره است.

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

چگونه کار می کند

ویژگی اصلی این است که تمام آیکون های بسیار جذاب فونت تصاویر استاتیک نیستند. آنها در قالب فونت هستند. به عبارت دیگر، اینها فونت آیکون هستند. به عنوان مثال، یک آیکون جستجو یا یک لوگوی شبکه اجتماعی همان شخصیت های ساده A، B، C است.

آیکون های بسیار معروف فونت با استفاده از بردارهای مقیاس پذیر ایجاد می شوند. بنابراین، آنها می توانند به تقریبا هر اندازه افزایش یابد.

تمام آیکون های موجود در یک فایل فونت گنجانده شده است. همه شما نیاز دارید این فایل را از سایت رسمی دانلود کنید و آن را در سبک ها وصل کنید.

چرا طراحان فونت عالی را انتخاب می کنند

فونت عالی دارای مزایای متعددی است:

• اتصال سریع شما فقط باید یک فایل ویژه از وب سایت رسمی دانلود کنید و آن را با مشخص کردن مسیر آن در کد CSS وصل کنید.
• انعطاف پذیری و مقیاس پذیری. آیکون ها را می توان به هر اندازه بزرگ کرد. نمادها به همان اندازه روشن می شوند که دستگاه اجازه می دهد. در عصر طراحی پاسخگو، این مهم است. به هر حال، به همین دلیل، آیکون های بسیار معروف فونت مناسب برای صفحه نمایش شبکیه چشم هستند.
• سبک سازی آیکون ها را می توان به راحتی در رنگ، اندازه، سایه یا هر پارامترهای خارجی دیگر تغییر داد. طراح تمام مزایای استفاده از متن معمولی را به دست می آورد. شما همچنین می توانید آیکون ها را چرخانید. به عنوان مثال، صفحه نمایش را به سمت بالا و یا چرخش 90 درجه.
• بارگذاری سریع سایت تمام آیکون ها در یک فایل فونت گنجانده شده است. بنابراین تنها یک درخواست HTTP را برای بارگذاری فونت عالی می گیرد. این عالی است برای عملکرد وب سایت.
• عشق به مرورگرها فونت عالی یک ابزار متقابل مرورگر است. شما لازم نیست که در مورد سازگاری مرورگر فونت ها و آیکون ها نگران باشید. آنها به خوبی توسط همه آنها پشتیبانی می شوند. حتی قدیمی IE8.
• سازگار با چارچوب های مختلف کتابخانه عمدتا برای بوت استرپ ایجاد شد. با این حال، آن را به خوبی با چارچوب های دیگر نیز کار خواهد کرد.
• چند فرمت این ابزار در فرمت های، .ttf، .woff و SVG موجود است. بنابراین فونت بسیار جذاب به همان شیوه دیگر فونت های وب مورد استفاده قرار می گیرد.
• بدون جاوا اسکریپت مورد نیاز نیست فونت عالی برای اجرای جاوا اسکریپت نیازی نیست.

بنابراین، فونت بسیار معروف یک ابزار موثر و راحت است که به طور قابل توجهی صرفه جویی در زمان طرح و سرعت وب سایت شما را افزایش می دهد.

معایب فونت عالی

این ابزار نیز دارای معایب است. خوشبختانه، بسیاری از آنها وجود ندارد.

اول، آیکون ها تنها می توانند در یک رنگ رنگ شوند. با این حال، این محدودیت را می توان از بین برد. به عنوان مثال، ترکیبی از آیکون های رایگان با یکدیگر. یا با استفاده از اثرات CSS

ثانیا، کتابخانه فوق العاده فونت حاوی آیکون های زیادی است و همه آنها در یک فایل گنجانده شده اند. اگر طراح طراح یا طرح بندی تنها نیاز به اتصال چند آیکون داشته باشد، آنها هنوز هم باید کل کتابخانه را به طور کامل بارگذاری کنند. و اینها صدها هزار آیکون اضافی هستند که فضا را می گیرند. با این حال، یک راه حل در اینجا نیز وجود دارد - ایجاد مجمع خود، که تنها آیکون های لازم را شامل می شود.

نسخه های فوق العاده فونت: 5 و 6

فونت عالی 5 در تاریخ 7 دسامبر 2017 منتشر شد و در اصل 1278 آیکون بود. نسخه پنجم در دو بسته می آید: رایگان (فونت بسیار عالی رایگان) و پرداخت (فونت عالی نرم افزار). طرح رایگان همچنین شامل آیکون ها از تمام نسخه های چهارم است. آیکون ها تحت مجوز Font Font Lorce 1.1، Creative Commons Attribution 4.0 و MIT در دسترس هستند.

Font awesome 6 یک نسخه جدید است که در نیمه دوم سال 2020 منتشر شد. این شامل آیکون های جدید است و تنها در یک طرح پرداخت شده در دسترس است.

فونت بسیار جذاب 6 آلفا نیز در سال 2021 است. این نسل جدیدی از کتابخانه آیکون است. علاوه بر آیکون های جدید، نسخه 6 آلفا همچنین سبک های جدید، خدمات جدید و ابزار کمک را اضافه می کند. کاربران می توانند پیش سفارش دهند.

برنامه های رایگان و پرداخت شده: تفاوت ها و ویژگی ها

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

طرح رایگان شامل بیش از 1600 آیکون و 1 مجموعه است. یک کیت مجموعه ای از آیکون ها، سبک ها و تنظیمات است که به شما اجازه می دهد تا به سرعت تغییرات را بدون اضافه کردن کد انجام دهید.

تعرفه پرداخت شده:

• شامل بیش از 7800 آیکون و 20 مجموعه است.
• دسترسی به فونت Awesome Pro را فراهم می کند. این به این معنی است که آیکون ها را می توان در برنامه های کاربردی موبایل بومی و رایانه خود (به عنوان مثال، در یک ویرایشگر متن کلمه یا هنگام ایجاد یک نمایش در پاورپوینت) استفاده کرد.
• به شما امکان می دهد آیکون های خود را آپلود کنید. شما می توانید آیکون های خود را در کنار یا در جای خود از آیکون های رسمی فونت رسمی استفاده کنید. به عنوان مثال، این است که چگونه می توانید یک آرم شرکت را آپلود کنید. شما می توانید اقدامات مشابه با آیکون های خود را به عنوان پایه های اساسی انجام دهید - سبک، اندازه، رنگ، و غیره را تغییر دهید

هر دو نسخه دائمی هستند. به عبارت دیگر، آنها یک بار و برای همه ارائه می شوند.

راه های اتصال فونت عالی

اول از همه، شما باید به وب سایت رسمی بروید و کتابخانه را دانلود کنید. بایگانی دانلود شده باید باز شود و پوشه های CSS و فونت ها به پوشه سایت شما کپی شده اند.

پس از آن، مسیر فایل کتابخانه بین برچسب های سر مشخص شده است. مثلا:

نحوه نمایش آیکون های بسیار جذاب فونت در یک وب سایت. روش های محبوب ترین:

1.using HTML

آسانترین راه.

شما باید به گالری در وب سایت رسمی بروید (fontawesome.com/icons؟d=Gallery) و آیکون مورد نظر را انتخاب کنید. هر آیکون یک کد شخصی دارد، به عنوان مثال:. کافی است که آن را در جای مناسب در کد قرار دهید و آن را کپی کنید.

2. از طریق CSS

برای انجام این کار، از عناصر شبه پس از یا قبل، و همچنین یونیکد آیکون مورد نیاز استفاده کنید. شما می توانید آن را در همان گالری بگیرید. یک مثال از چنین کد: F209.

یک مثال از یک ورودی فایل سبک:

div :: پس از {نمایش: بلوک؛ محتوا: 'F209'؛ فونت خانواده: 'فونت عالی 5 رایگان'؛}

در نتیجه: تمام آیکون های بسیار جذاب فونت

بنابراین، فونت بسیار معروف یک راه سریع و راحت برای اضافه کردن آیکون های رایگان به وب سایت شما است. تمام آیکون ها به راحتی مقیاس پذیر هستند و سایت را کم نمی کنند.