تلعب الخطوط دورا مهما في التصميم المرئي للموقع ، لأنها تخلق جوا خاصا وشخصية التصميم. واحدة من مجموعات الخط الأكثر شعبية هو إيكومون ، رمز الخط الذي يتضمن عددا كبيرا من العلامات والرموز والرموز التي يمكن استخدامها لتصميم جميل.
ليس من الصعب توصيل خطوط إيكومون بالموقع ، ويكفي اتباع بعض الخطوات البسيطة. أولا ، تحتاج إلى تحميل أرشيف الخط من الموقع الرسمي إيكومون. سيحتوي الأرشيف على ملف يحتوي على خطوط بتنسيق تف أو أوتف ، بالإضافة إلى ملف كس مع أنماط.
بعد ذلك ، تحتاج إلى وضع ملف الخط في مجلد مع موارد أخرى على موقعك وإضافة رابط إلى ملف كس في رمز موقعك. من المهم أن نتذكر أن الرابط إلى ملف كس يجب أن يكون موجودا في قسم الرأس. بعد ذلك ، يمكنك استخدام الرموز والرموز من الخط إيكومون في التعليمات البرمجية الخاصة بك.
بمجرد توصيل الخطوط ، يمكنك استخدامها على موقعك عن طريق إضافة الفئات الضرورية إلى عناصر هتمل. على سبيل المثال ، لإضافة رمز من الخط إيكومون ، وهو ما يكفي لتعيين فئة "رمز-اسم رمز" إلى عنصر هتمل. يمكنك أيضا ضبط حجم ولون الرمز باستخدام خصائص كس.
- ربط الخطوط إيكومون
- اختيار الخطوط الصحيحة
- ربط الخطوط بالموقع
ربط الخطوط إيكومون
لتصميم موقع جميل ، يمكنك استخدام الخطوط إيكومون ، والتي تقدم مجموعة كبيرة من الرموز والرموز. لتمكين هذه الخطوط على موقع الويب الخاص بك ، اتبع الخطوات التالية:
- تحميل ملف الخط إكومون من الموقع الرسمي.
- قم بفك ضغط الملف الذي تم تنزيله وابحث عن ملفات الخطوط فيه (عادة الملفات ذات الامتداد.محكمة تكافؤ الفرص, .ووف,.2,.صندوق النقد الدولي و .سفغ).
- انسخ ملفات الخطوط إلى مجلد المشروع ، على سبيل المثال ، إلى مجلد الخطوط.
- الصق الكود التالي في قسم مستند هتمل:
- استبدال "مسار الملف" مع المسار الحالي إلى ملف نمط إيكومون على موقع الويب الخاص بك.
استبدل "اسم_ الفئة" باسم فئة الرمز الحالي.
بعد الانتهاء من هذه الخطوات ، سيتم توصيل خطوط إيكومون بنجاح بموقعك ، ويمكنك استخدامها لإنشاء تصميم جميل.
اختيار الخطوط الصحيحة
قبل توصيل خطوط إيكومون ، تحتاج إلى تحديد الرموز التي تحتاجها لموقعك. مكتبة إيكومون يحتوي على عدد كبير من الرموز المختلفة من فئات مختلفة: الرموز للشبكات الاجتماعية ، وسائل الإعلام ، والسهام ، والأدوات وأكثر من ذلك بكثير.
لتحديد الرموز التي تحتاج إليها ، وسوف تحتاج للذهاب إلى الموقع الرسمي إيكومون وعرض الرموز المتاحة في معرض بهم. يمكنك استخدام البحث والفئات للعثور بسهولة على الرموز التي تحتاجها.
عند تحديد الرموز المطلوبة ، يمكنك إضافتها إلى مجموعتك بالنقر فوق الزر "إضافة إلى المكتبة". بعد ذلك ، يمكنك تنزيل مجموعة الرموز الخاصة بك بتنسيق مضغوط.
بفك أرشيف مضغوط تحميلها والعثور على ملفات الخط مع التمديد.محكمة تكافؤ الفرص, .ووف,.صندوق النقد الدولي, و .(سفغ). بالإضافة إلى ذلك ، سيحتوي الأرشيف أيضا على ملف به رموز بالتنسيق.جسون التي سوف تحتاج إلى استخدامها في التعليمات البرمجية الخاصة بك.
الخطوط إيكومون المحدد هي الآن على استعداد لتكون متصلا على موقع الويب الخاص بك. بعد ذلك ، ستحتاج إلى إضافة هذه الملفات إلى الخادم الخاص بك وربطها برمز هتمل لصفحة الويب الخاصة بك.
- ربط الخطوط بالموقع
- هناك عدة طرق لتوصيل الخطوط بموقع ويب:
- باستخدام خطوط نظام التشغيل القياسية.
- استخدام خطوط الويب التي توفرها خدمات الخطوط.
ربط الخطوط باستخدام @الخط الوجه.
استخدام مكتبات كس التي تحتوي على خطوط.
عند استخدام خطوط الويب ، تحتاج إلى إضافة رابط إلى ملف الخط إلى رمز هتمل للصفحة. على سبيل المثال:
ثم ، تحتاج إلى تحديد هذا الخط في قواعد كس المناسبة. على سبيل المثال:
الجسم {الخط الأسرة: 'روبوتو' ، بلا الرقيق;
إذا كنت بحاجة إلى توصيل الخطوط التي لا توفرها خدمات الخطوط ، فيمكنك استخدام @وجه الخط. على سبيل المثال:
@الخط الوجه {
الخط الأسرة: 'ميفونت';