توليب ميديا

أفكار ريادة الأعمال

كيفية إضافة خط مخصص إلى سمة 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 !مهم;}

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

 

آخر تغريداتي

شورت جديد عن Blooness 👉 الدليل النهائي لأفضل اللحوم التي يمكنك اختيارها في النظام الغذائي الكيتوني المتوسطي للصحة والوزن الصحي وطول العمر: هذا هو موضوع الفصل الجديد الذي سيأتي في Blooness. نراكم في عدد قليل
https://buff.ly/4dqNQJX

إن Steel HR هو النقيض تمامًا لما تتوقعه من ساعة متصلة من حيث التصميم، وهذا بالضبط ما جعلني أقع في حبها. اكتشف اختباري لأداة الاختراق الحيوي الرائعة هذه والتي كانت على معصمي لأكثر من 4 سنوات. https://buff.ly/3LVSt2N

شورت جديد على Blooness 👉 في سلسلة الرغبة الشديدة، جرب وعاء صغير من الزيتون المملح أو الأفوكادو بدلاً من ذلك، واشرب كوبًا كبيرًا من الماء، وسوف يمر الجوع بالسرعة التي جاء بها.
https://buff.ly/3WVZjM0

تحميل المزيد

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

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

اترك تعليقاً

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

arAR