Font Awesome: دليل المكتبة الكامل

أيقونات مجانية رهيبة: ما هو وما هو عليه. كيفية توصيل الرموز إلى الموقع. مزايا وعيوب المكتبة.

مجموعة أيقونة رهيبة مجموعة: الدليل النهائي

Font Awesome هي مجموعة من الخطوط والأيقونات بناء على CSS وأقل. تتيح لك الأداة توصيل جميع أنواع الرموز بسرعة بسرعة، وتحسين تصميمها بشكل كبير وسهولة الاستخدام. يكفي إدراج بضعة أسطر من التعليمات البرمجية.

يمنحك Font Awesome أيقونات متجه قابلة للتطوير يمكنك تخصيصها بسهولة - الحجم واللون والظلال وكل شيء آخر يمكن القيام به مع CSS.

يحتوي Font Awesome Library على مجموعة كبيرة من أفضل الاقتراحات لك. يمكنك تحسين مشروعك بأيقونات فريدة من نوعها. في الواقع ، هذه مجموعة ضخمة من جميع أنواع الرموز التي يمكنك استخدامها لأغراضك الخاصة.

في Fontawesome، جميع الرموز مجانية تماما ومجانية تماما. المكتبة مرخصة تحت رخصة جنو العامة العامة. هذا يعني أنه يمكن استخدامه بحرية في المشاريع التجارية، ومن حيث المبدأ، في كل مكان.

تم إنشاء مجموعة بواسطة ديف غاندي. ويشمل أيقونات وسائل التواصل الاجتماعي المجانية، والرموز لتحسين واجهة المستخدم، وأكثر من ذلك.

عادة، يتم استخدام نصوص الخط رهيبة بالتزامن مع bootstrap و bootstrapcdn. الخط رائع هو الثاني فقط لخطوط Google في الشعبية.

كيف تعمل

الميزة الرئيسية هي أن جميع أيقونات الخطوط الرائعة ليست صور ثابتة. هم في شكل خط. بمعنى آخر، هذه الخطوط أيقونة. على سبيل المثال، رمز البحث أو شعار الشبكة الاجتماعية هو نفس الأحرف البسيطة A، B، C.

يتم إنشاء الرموز الرائعة للخط باستخدام ناقلات قابلة للتطوير. لذلك، يمكن زيادة زيادة حجم أي حجم تقريبا.

يتم تضمين جميع الرموز المتاحة في ملف خط واحد. كل ما تحتاجه هو تنزيل هذا الملف من الموقع الرسمي وتوصيله بالأنماط.

لماذا يختار المصممين الخطوط رهيبة

الخط رائع لديه عدد من المزايا:

• اتصال سريع. تحتاج فقط إلى تنزيل ملف خاص من الموقع الرسمي وتوصيله عن طريق تحديد المسار إليه في رمز CSS.
• المرونة والقابلية. يمكن توسيع الرموز إلى أي حجم. ستكون الرموز واضحة مثل الجهاز يسمح. في سن التصميم المستجيب، هذا مهم. بالمناسبة، لنفس السبب، فإن الرموز الرائعة للخط مناسبة لعرض شبكية العين.
• أسلوب. يمكن تغيير الرموز بسهولة في اللون والحجم أو الظل أو أي معلمات خارجية أخرى. يصبح المصمم جميع فوائد تصفيف النص العادي. يمكنك أيضا تدوير الرموز. على سبيل المثال، عرض رأسا على عقب أو تدوير 90 درجة.
• تحميل سريع للموقع. يتم تضمين جميع الرموز في ملف خط واحد. لذلك يأخذ فقط طلب HTTP واحد لتحميل الخط رائع. هذا رائع لأداء الموقع.
• حب المتصفحات. Font Awesome هو أداة متصفح عبر الإنترنت. لا داعي للقلق بشأن توافق المتصفح للخطوط والرموز. هم مدعومون جيدا من قبل جميعهم. حتى القديم IE8.
• متوافق مع أطر مختلفة. تم إنشاء المكتبة في المقام الأول عن bootstrap. ومع ذلك، سيعمل بشكل جيد مع الأطر الأخرى أيضا.
• العديد من التنسيقات. تتوفر الأداة بتنسيقات .eot و .ttf و .woff و SVG. لذلك يتم التعامل مع الخط رائع بنفس طريقة وجود خطوط الويب الأخرى.
• لا جافا سكريبت المطلوبة. الخط رائع لا يتطلب تشغيل جافا سكريبت.

وبالتالي، فإن الخط رائع هو أداة فعالة ومريحة توفر وقت التخطيط بشكل كبير وتسرع موقع الويب الخاص بك.

عيوب الخط رهيبة

الأداة لديها أيضا عيوب. لحسن الحظ، لا يوجد الكثير منهم.

أولا، لا يمكن رسم الرموز فقط بلون واحد. ومع ذلك، يمكن التحايل على هذا القيد. على سبيل المثال، دمج الرموز المجانية مع بعضها البعض. أو باستخدام تأثيرات CSS

ثانيا، تحتوي مكتبة الخطوط الرائعة على العديد من الرموز وكلها مدرجة في ملف واحد. إذا كان مصمم مصمم أو تصميم تخطيط يحتاج فقط إلى توصيل بضعة أيقونات، فلا يزال يتعين عليهم تحميل المكتبة بأكملها بالكامل. وهذه هي مئات الآلاف من الرموز الإضافية التي ستأتي مساحة. ومع ذلك، هناك حل هنا أيضا - إنشاء التجمع الخاص بك، والتي ستشمل فقط الرموز اللازمة.

إصدارات رهيبة الخط: 5 و 6

تم إصدار Font Awesome 5 في 7 ديسمبر 2017 وأرتب في الأصل 1278 رموز. يأتي الإصدار الخامس في حزمتين: مجاني (Font Awesome Free) ودفع (Font Awesome Pro). تحتوي الخطة المجانية أيضا على أيقونات من جميع الإصدارات الرابعة. تتوفر الرموز بموجب ترخيص الخط المفتوح SIL 1.1، Attribution Commons Commons 4.0، و MIT.

Font Awesome 6 هو إصدار جديد تم إصداره في النصف الثاني من عام 2020. ويشمل أيقونات جديدة ومتاحة فقط في خطة مدفوعة.

الخط رائع 6 ألفا هو أيضا في الطريق في 2021. هذا هو جيل جديد آخر من مكتبة الأيقونة. بالإضافة إلى الرموز الجديدة، يضيف الإصدار 6 Alpha أيضا أنماط جديدة وخدمات جديدة وأدوات مساعدة. يمكن للمستخدمين طلب ما قبل.

الخطط المجانية والمدفوعة: الاختلافات والميزات

يمكنك تنزيل الرموز لخطة التعريفة المجانية أو المدفوعة.

تتضمن الخطة المجانية أكثر من 1600 رموز ومجموعة واحدة. المجموعة عبارة عن مجموعة من الرموز والأنماط والإعدادات التي تتيح لك إجراء تغييرات بسرعة دون إضافة رمز.

التعريفة المدفوعة:

• يشمل أكثر من 7800 رموز و 20 مجموعات.
• يوفر الوصول إلى الخط رائع برو. هذا يعني أنه يمكن استخدام الرموز في تطبيقات الأجهزة المحمولة الأصلية وعلى جهاز الكمبيوتر الخاص بك (على سبيل المثال، في محرر نص Word أو عند إنشاء عرض تقديمي في PowerPoint).
• يسمح لك بتحميل الرموز الخاصة بك. يمكنك استخدام الرموز الخاصة بك إلى جانب أو بدلا من الرموز الرسمية للرموز الرائعة. على سبيل المثال، هذه هي الطريقة التي يمكنك تحميل شعار الشركة. يمكنك إجراء نفس الإجراءات مع الرموز الخاصة بك كما هو الحال مع تلك الأساسية - تغيير النمط والحجم واللون، إلخ.

كلا الإصدارين دائم. وهذا هو، يتم توفيرها مرة واحدة وإلى الأبد.

طرق الاتصال الخط رهيبة

بادئ ذي بدء، تحتاج إلى الذهاب إلى الموقع الرسمي وتنزيل المكتبة. يجب أن تكون الأرشيف التي تم تنزيلها تفكيك ومجلدات CSS والخطوات التي تم نسخها إلى مجلد موقعك.

بعد ذلك، يتم تحديد المسار إلى ملف المكتبة بين علامات الرأس. على سبيل المثال:

كيفية عرض رموز الخط رهيبة على موقع ويب. الأساليب الأكثر شعبية:

1. استخدم HTML

أسهل طريقة.

تحتاج إلى الذهاب إلى المعرض على الموقع الرسمي (fontawesome.com/icons؟d=gallery) واختر الأيقونة التي تريدها. كل أيقونة لديه رمز شخصي، على سبيل المثال :. يكفي نسخها ولصقها في المكان المناسب في التعليمات البرمجية.

2. عبر CSS.

للقيام بذلك، استخدم العناصر الزائفة بعد أو قبل، وكذلك Unicode من الأيقونة المطلوبة. يمكنك أن تأخذ كل شيء في نفس المعرض. مثال على هذا الرمز: F209.

مثال على إدخال ملف النمط:

DIV :: بعد {display: block؛ المحتوى: 'F209'؛ Font-Family: "font awesome 5 free"؛}

في الخلاصة: جميع الرموز رهيبة

وبالتالي، فإن الخط رائع هو وسيلة سريعة ومريحة لإضافة الرموز المجانية إلى موقع الويب الخاص بك. جميع الرموز قابلة للتحجيم بسهولة ولا تبطئ الموقع.