DEV Community

Ashraf Ras
Ashraf Ras

Posted on

تفعيل الئتجاه والخط العربي التقني

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

Website Customizer: Add Custom Style and CSS

ليس ئنا من قام بتطوير هاد الملحق، وهو يسمح لك بئضافة نمطين تبع سيسس ئلا الصفحة الحالية بشكل ئامن، سنقوم بتطبيق هاد النمطين علا الصفحات التابعة للمقالات الخاصة بي فقط علا هاد الموقع، وبالتالي لن تتئتر بقية الصفحات بهاد النمطين.

بعد تنصيب الملحق، ئفتحه بالنقر عليه تم ئنقر علا ئدارة جميع الرابطين كما في الصورة.

ملحق سيسس مخصص

ف الشاشة اللي تضهر، ئنقر علا "ئدارة جميع الرابطين" تم ئلصق كود سيسس كما ف الصورة:

ئضافة سيسس مخصص

كما ترا ف الصورة، علا مستوا الرابط، فنحن نضيف الرابط التالي كي يتم تطبيق النمطين علا الصفحات التابعة لي فقط (وبالتالي لا يتم تطبيق التعديلين علا المقالات الئخرا في هاد الموقع).

https://dev.to/ashras

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

html {direction: rtl}
@font-face {
font-family:arabetic;
src:url(//جني.شبكة/ملفا/عربيتكبلاسريف.ttf);
size-adjust: 120%;
}
@font-face {
font-family:arabetic;
src:url(//جني.شبكة/ملفا/عربيتكبلاسريف-سميك.ttf);
font-weight:bold;
size-adjust: 120%;
}
html * { font-family:arabetic !important; letter-spacing: 1px !important }

يلزمك ئعادة تحميل كل صفحة كي يتم تطبيق هاد التعديلين، والنتيجة ئن الصفحة ستضهر هكدا:

الصفحة بعد تطبيق النمطين

Top comments (0)