في السابق ، عند إنشاء المواقع ، كان عليك استخدام الرموز النقطية. كانت جميلة ، لكنها غير مريحة لعدة أسباب. اليوم ، حلت الرموز المتجهة محل الرموز النقطية. هذا حل أصلي وأنيق من شأنه تزيين موقعك وتحديثه.
تعليمات
الخطوة 1
هناك خدمة ويب جيدة لإنشاء الخطوط من الرموز. إنه يسمى Fontastic. إنه مجاني تمامًا ولا يحتوي على إعلانات. الخطوة الأولى هي التسجيل في موقع الخدمة. انتقل إلى موقع الويب fontastic.me ، وأدخل عنوان بريدك الإلكتروني في حقول الإدخال وأنشئ كلمة مرور ، ثم انقر فوق الزر الأصفر الكبير "Create your Icon Font". يحدث أحيانًا عدم عرض أي معلومات تؤكد نجاح التسجيل. لا تقلق بشأن ذلك ، انتقل إلى الخطوة التالية.
الخطوة 2
انقر الآن على زر "تسجيل الدخول" الموجود في الزاوية اليمنى العليا. في الصفحة التي تفتح ، أدخل بريدك الإلكتروني وكلمة المرور مرة أخرى ، واضغط على زر "تسجيل الدخول".
بعد الانتظار لبضع ثوان ، سيتم فتح لوحة إنشاء الخطوط من الرموز.
الخطوه 3
هنا مجموعة كبيرة من الرموز. من خلال النقر على الرموز التي تريدها بالماوس ، حدد أي عدد تريده من الرموز. في الأعلى ، بعد كلمة "PUBLISH" ، يُشار إلى عدد الرموز المختارة.
الخطوة 4
إذا لم يكن لديك ما يكفي من الرموز من الرقم المعروض ، فانتقل إلى أسفل الصفحة وابحث عن الزر "إضافة المزيد من الرموز". انقر عليه.
الخطوة الخامسة
سيتم فتح صفحة تحتوي على حزم أيقونات إضافية. بعضها مدفوع (يُطلق عليه "Premium") ، وبعضها مجاني. لتنشيط رموز إضافية ، اضغط على الزر "تنشيط" على الحزم المحددة. ستظهر الآن في القائمة العامة للرموز المتاحة عندما تبدأ في بدء استخدام لوحة التحكم من خلال النقر على زر "الصفحة الرئيسية" في القائمة العلوية.
الخطوة 6
إذا كنت بحاجة إلى إضافة الرموز الخاصة بك ، فاضغط على الزر "IMPORT ICONS" في نفس الصفحة أعلى اليمين. يمكنك الآن تحميل الرموز الخاصة بك. يرجى ملاحظة أنه يتم دعم تنسيق SVG المتجه فقط.
الخطوة 7
بعد تحديد العدد المطلوب من الرموز ، اضغط على زر "تخصيص". هنا سترى جميع الرموز المحددة ، ويمكنك تعيين أسماء فئات عشوائية لهم ، والتي من خلالها ستشير إليهم في أنماط CSS. أو يمكنك ترك الأسماء الافتراضية التي خصصها النظام للرموز.
الخطوة 8
اضغط على زر "PUBLISH". هنا يمكنك تنزيل خط رمز المتجه الذي تم إنشاؤه (زر "DOWNLOAD"). قم بتنزيل أرشيف الخطوط الذي أنشأته الخدمة على جهاز الكمبيوتر الخاص بك.
الخطوة 9
يحتوي الأرشيف الذي تم تنزيله على ملف نمط CSS وملف HTML بأسماء فئات الرموز ومجلد "الخطوط" الذي يحتوي على الخطوط. يمكن استخدام خط الرمز هذا على موقع الويب الخاص بك.
الخطوة 10
لاستخدام خط الرمز الذي تم إنشاؤه ، عليك القيام بما يلي:
- فك محتويات الأرشيف وتحميله إلى موقعك في الدليل باستخدام الأنماط ؛
- أدخل ارتباطًا إلى ملف CSS في قسم HEAD في جميع صفحات الموقع التي ستعمل مع خط الرمز هذا ؛
- في كود الصفحة ، نستخدم اسم الفئات التي تم إنشاؤها مسبقًا لاستخدام خط الرمز الذي تم إنشاؤه حديثًا.
