كيفية توصيل الخطوط إلى أوبينكارت وتكوينها

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

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

لتوصيل الخطوط إلى أوبينكارت ، افتح ملف نمط كس من الموضوع الخاص بك. يوجد هذا الملف عادة في الدليل "الكتالوج/العرض/السمة/موضوعك/ورقة الأنماط/ورقة الأنماط.المغلق". ابحث عن كتلة التعليمات البرمجية المناسبة حيث يتم تحديد أنماط النص العام (عادة ما يكون محدد "النص الأساسي" أو "ص") ، وأضف النمط التالي:

@الخط الوجه {' {'}

الخط الأسرة: 'يورفونتنام';

سرك: ورل('الخطوط/يور_فونت.وف') شكل ('وف'),

عنوان الموقع ('الخطوط/الخط الخاص بك.تف') شكل ('تروتايب');

{‘}’}

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

بعد إضافة أنماط للخطوط ، احفظ التغييرات وقم بتحديث صفحة متجر أوبن كارت الخاص بك. الآن يمكنك استخدام الخطوط المضافة عن طريق تعيين خصائص "عائلة الخط" لمحددات كس المطلوبة. يمكنك تطبيق الخط الجديد على النص بأكمله أو تحديد عناصر معينة يجب أن تستخدم الخط الجديد.

1. ربط الخطوط إلى أوبن كارت
2. اختيار وتنزيل الخطوط
3. إضافة خط إلى ملف نمط

ربط الخطوط إلى أوبن كارت

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

لتوصيل الخطوط إلى أوبن كارت ، يمكنك اتباع الخطوات التالية:

الخطوة 1: حدد وتحميل الخط الذي تحتاجه لاستضافة الخاص بك ، إلى مجلد الخط من متجر أوبن كارت الخاص بك. يوجد هذا المجلد عادة في "الكتالوج / العرض/السمة/الافتراضي / الخط".

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

الخطوة 3: الصق الكود التالي في بداية "ورقة الأنماط.المغلق " ملف:

}

استبدل "اسم_التحويل" و " اسم_التحويل.الصناديق " إلى القيم المناسبة ، مع الأخذ بعين الاعتبار اسم الخط الذي تم تنزيله.

الخطوة 4: أضف الكود التالي إلى العناصر المناسبة حيث تريد استخدام الخط:

الخط الأسرة: 'تغيير الاسم' ، بلا الرقيق;

تعيين" فونت_نام "إلى الخاصية كس" الخط الأسرة " للعناصر المطلوبة من موضوع أوبن كارت الخاص بك.

الخطوة 5: احفظ التغييرات وتحقق من توصيل الخط واستخدامه بنجاح في متجر أوبن كارت الخاص بك.

الآن يمكنك الاتصال بسهولة واستخدام خطوط مختلفة لإنشاء تصميم فريد لمتجرك عبر الإنترنت على منصة أوبن كارت.

ملاحظة: من المهم التأكد من أن الخطوط التي تم تنزيلها لا تنتهك حقوق الطبع والنشر وشروط استخدام الترخيص.

اختيار وتنزيل الخطوط

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

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

لتوصيل الخطوط التي تم تنزيلها بموقع أوبن كارت الخاص بك ، تحتاج إلى إجراء تغييرات على ملفات النمط. افتح ملف نمط السمة (عادة ورقة الأنماط.المغلق أو نمط.ملف المغلق) وإضافة التعليمات البرمجية التالية:

• لتنزيل الخطوط المحلية:

• @الخط الوجه {

الخط الأسرة: 'اسم الخط';

سرك: ورل('باث_شريفت/الخط.ووف 2') شكل ('ووف 2'),

عنوان ورل ('باث_شريفت/الخط.وف') شكل ('وف');

الخط الوزن: 400;

نمط الخط: عادي;

}

لتنزيل الخطوط الخارجية:

@استيراد رابط ('https://fonts.googleapis.com/css2?family=Name+font:shift نمط وعرض = مبادلة');

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

إضافة خط إلى ملف نمط

لتوصيل خط إلى موقع أوبن كارت الخاص بك ، يجب عليك أولا تحميل ملفات الخط إلى الدليل المطلوب على الخادم. ملفات الخط عادة ما تكون في تروتايب (.تف) أو أوبن (.أوتف) الأشكال.

الخط الأسرة: 'اسم الخط';

سرك: ورل('مسار/إلى/الخاص بك/الخط.');

4. إذا كان لديك أنماط مختلفة (مثل غامق أو مائل) للخط الخاص بك ، يمكنك إضافتها باستخدام التعليمات البرمجية التالية: