[استفسار] طريقة تنسيق النص تبعا للغة المكتوب بها

السلام عليكم ،
واجهتني مشكلة عند تعديل ملف الـstyle.css

سبب المشكلة:
أنا أدون عادة باستخدام اللغتين العربية والانجليزية بشكل مختلط، سواء في التدوينة الواحدة، أو تدوينة ذات لغة عربية أو انجليزية وهكذا ..
،

المشكلة:
أنا أود استخدام الخط Traditional Arabic بحجم 12pt و Bold للغة العربية ،
وأريد Times New Roman بحجم 12pt فقط دون كونه Bold للغة الانجليزية
حيث تكون هذه هي الاعدادات الافتراضية دون تدخل مني حين كتابة التدوينة
،

سؤال إضافي:
عند اختيار أكثر من خط في ملف التنسيق، أيهما له الأولوية؟ الأول من اليسار أم الأخير ؟ فمثلا، بالأسفل هناك الكود الموجود في ملف تنسيق مدونتي حاليا، أيهما أولى الخط Times new roman أم Serif ؟
،

حلول مقترحة:
اطلعت على هذه الصفحة:
Styling using language attributes
وهي تصف مشكلتي وحلها بدقة ، لكنني حين أقوم بتجربة الحل الموجود، لا أخرج بنتيجة مرضية ،
هل يمكن إرشادي للطريقة ؟
،

حين أستخدم المذكور في الرابط أعلاه تحدث المشاكل التالية -جميعها أو بعضها- :
* تختفي خلفية المدونة، وتصبح بلا خلفية !
* يصبح كل من النص العربي والانجليزي بنفس التنسيق تماما -أي دون أي فائدة لكامل العملية-
* يتغير لون خط النص إلى الأسود -الإعداد الافتراضي للقالب هو الأبيض-
،

معلومات قد تهمك:
* أستخدم القالب MT-dark
* المدونة مستضافة على استضافة شخصية
* جميع التعديلات كنت أجريها على الأسطر التالية:
* ملف التنسيق css بالمرفقات للاطلاع عليه
* رابط مدونتي هو الموجود بتوقيعي

.. | ..

المشاركة الأصلية كتبت بواسطة Al-Bara'a كود: body { font:12pt/1.3 Times New Roman, serif; color: #DFD7D1; background:#150A04 url(img/top.jpg) repeat-x top ; } * ملف التنسيق css بالمرفقات للاطلاع عليه

.ar {font:bold 12px Traditional Arabic; text-align:right;}

.en {font:normal 12px Times New Roman;text-align:left;}

<p class="ar"> هنا النص </p>

ed3s.com

# قوالب ووردبريس معربة
# برامج مفيدة

[ سبحان الله وبحمده سبحان الله العظيم ]