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

اليوم وباذن الله هذه الطريقة ستجعل الخط يظهر بنفس الطريقة قى كل المتصفحات



نبذة عن الموضوع
تحويل خط الاستايل بالكامل الى خط ( الكوفى) مثل نسخ الجيل الرابع



مثال مصور لجزء من لاستايل قبل التحويل :



مثال مصور لنفس الجزء من الاستايل بعد التحويل :



ناتى الان الى الشرح والمرحلة الاولى:

المرحلة الاولى
لمن لدية ملف اكواد الاستايل بامتداد css ويكون على هذا الشكل لكن باسماء مختلفه



نقوم الان بفتح الملف ووضع الكود المرفق فى اول هذا الملف كما هو الان بالصوره



المرحلة الثانية :

تغيير مسمى الخط وتعريفه , مثلا لو كان على هذه الصيغة

الى
كما بالصورة



المرحلة الثالثة :
وهى وضع هذا المجلد المرفق لكم fonts داخل مجلد الاستايل كما ترى بالصورة



المرحلة الرابع والاخيرة :

وهذه لمن ليس لدية ملف استايل مرفق بملفات الاستايل بلى تعريفات الاستايل مرفقة فى تعاريف CSS الإضافية/Additional CSS Definitions

بلوحة تحكم المنتدى الرئيسية


وهذي طريقه اسهل لوضع الخط الكوفي
من اسفل الاستايل
اولا الذهاب الى الاستايل المراد وضع الخط الكوفي فيه
ويختار css يضغط عليها وينر تحن اخر شي
فيه خيار مكتوب عليه


تعاريف CSS الإضافية/Additional CSS Definitions

نقوم بنسخ الكلام اللي تحت هذا




DEVELOPER BY: abo-karim
/* _______________________________________________ */

@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 400;
src: url(fonts/DroidKufi-Regular.eot);
src: url(fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
url(fonts/DroidKufi-Regular.woff2) format('woff2'),
url(fonts/DroidKufi-Regular.woff) format('woff'),
url(fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 700;
src: url(fonts/DroidKufi-Bold.eot);
src: url(fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(fonts/DroidKufi-Bold.woff2) format('woff2'),
url(fonts/DroidKufi-Bold.woff) format('woff'),
url(fonts/DroidKufi-Bold.ttf) format('truetype');
}
/* _______________________________________________ */

الى هنا ونضعه فوق الكتابه التي فيتعاريف CSS الإضافية/Additional CSS DefinitionsAdditional CSS Definitions



ونعمل حفظ بكذا سوف يتم تغيير خط الاستايل الى الكوفي

مع تغيير نوع الخط كما عرفنا وكما بالصوره



لمن قام بالتجربة وواجه مشكله تبليغنا فلا خجل نحن هنا لمساعدة البعض

فى النهاية الموضوع متعب عليه فلو اصبت فهذا من عند الله
فاذكرونا من صالح دعائكم