كيفية إضافة خط مخصص إلى سمة WordPress باستخدام @fontface CSS3

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

في هذه الحالة، سيتعين عليك تعديل المظهر الخاص بك قليلاً لإضافة الخط الذي تريده. لكن لا داعي للذعر، سأشرح لك كيفية القيام بذلك!

قم بتنزيل الخط

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

لا تفوت المشورة التجارية عن طريق البريد الإلكتروني

لا توجد رسائل غير مرغوب فيها، مجرد بريد إلكتروني عند نشر محتوى جديد.

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

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

 

قم بتحميل الخط إلى الخادم الخاص بك

قم بتحميل الخط الخاص بك إلى مجلد "الخطوط" في القالب الخاص بك (يفضل المظهر الفرعي)، عبر FTP.

 

أعلن عن الخط الجديد في CSS الخاص بك

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

@font-face { عائلة الخط: myfont؛ src: url("fonts/mapolice.otf"); src: تنسيق url(fonts/mapolice.ttf)('truetype'); وزن الخط: عادي؛ }

استخدم الخط الجديد عبر CSS

لاستخدام الخط الجديد المعلن عنه حديثًا، لا يوجد شيء أبسط من ذلك، كل ما عليك فعله هو إخبار ملف CSS بالتنسيقات التي تريد تعيين الخط إليها:

 

p,span {font-family: Mapolice, Open Sans, Arial, sans-serif !مهم;} h1,h2,h3,h4,h5,h6 {font-family: Mapolice, Open Sans, Arial, sans-serif !مهم ;} ;} div {font-family: Mapolice, Open Sans, Arial, sans-serif !مهم;}

والآن، إذا كان هذا المقال قد ساعدك، فلا تتردد في مشاركته على شبكات التواصل الاجتماعي 😉

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

 

ما هي أفضل (وأسوأ) اللحوم لطول العمر الصحي؟ هذا هو موضوع الفصل الجديد المخصص للنظام الغذائي الطبيعي للحيوانات المجترة، والتعديلات التي أجراها الإنسان للأفضل وللأسوأ 👉 https://blooness.com/alimentation-ruminants/

WPML، البرنامج الإضافي الذي يساعدك على إنشاء موقع WordPress متعدد اللغات https://buff.ly/4dQsRzS

تحميل المزيد

لا تفوت المشورة التجارية عن طريق البريد الإلكتروني

لا توجد رسائل غير مرغوب فيها، مجرد بريد إلكتروني عند نشر محتوى جديد.

arAR