تعرف على خط الايقونات الرائع الاصدار ٥ - اولا نبذة قصيرة عن الخط، هو خط تم اصداره اول مرة عام ٢٠١٢؛ لكى يكون بديلا لصور الايقونات المستخدمة فى المواقع القديمة، يتم استخدام هذه الايقونات الان فى ١٠٠ مليون موقع حول العالم فى ٦ سنوات.
يعتبر افضل ابتكار حتى الان فى هذه المجالات، واكبر منافس مع ايقونات جوجل، سلس وسريع فى التحميل - فى صفحات الويب - ،كذلك يضيف لمسات جمالية على القوالب والمواقع، وفى نهاية وصفه يكون اسم على مسمى رائع حقا!
الامر سهل لا يتطلب اكواد برمجية كثيرة،ولكن بخطوات بسيطة، اولا اضافة كود CSS، وهو عبارة عن ملف يحتوى على كل اكواد الايقونات، ثانيا اضافة الوسوم الذى يحتوى على الايقونة ويكون على هذا الشكل <i class="fas fa-home"></i>
اضافة الكود التالى فوق الوسوم </head>
الدخول الى قسم الايقونات المجانية بالموقع، ثم اختيار الايقونة المراد اضافتها.
1. تطبيق الخط كايقونة
<i class="fas fa-home"></i>
2. تطبيق الخط كايقونة + كلمة
<a href='#'><i class="fas fa-home"></i> الرئيسية</a>
3. الاضافة كمثال فقط مع تعديلاتك البسيطة ستصنع شيئا مذهلا تجربة موفقة، الى اللقاء ❤.
يعتبر افضل ابتكار حتى الان فى هذه المجالات، واكبر منافس مع ايقونات جوجل، سلس وسريع فى التحميل - فى صفحات الويب - ،كذلك يضيف لمسات جمالية على القوالب والمواقع، وفى نهاية وصفه يكون اسم على مسمى رائع حقا!
البدء
الامر سهل لا يتطلب اكواد برمجية كثيرة،ولكن بخطوات بسيطة، اولا اضافة كود CSS، وهو عبارة عن ملف يحتوى على كل اكواد الايقونات، ثانيا اضافة الوسوم الذى يحتوى على الايقونة ويكون على هذا الشكل <i class="fas fa-home"></i>
اضافة الكود التالى فوق الوسوم </head>
<script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>كيفية الاستخدام
الدخول الى قسم الايقونات المجانية بالموقع، ثم اختيار الايقونة المراد اضافتها.
تطبيق الخط
1. تطبيق الخط كايقونة
<i class="fas fa-home"></i>
2. تطبيق الخط كايقونة + كلمة
<a href='#'><i class="fas fa-home"></i> الرئيسية</a>
3. الاضافة كمثال فقط مع تعديلاتك البسيطة ستصنع شيئا مذهلا تجربة موفقة، الى اللقاء ❤.