اعلم جيدا اخوانى الكرام بان الموضوع طرح من قبل فى منتدانا وفى منتديات اخرى
ومع تقديرى لكل من ساهم فى طرح تلك المواضيع و لكن حينما قمت بتطبيقه كان
يضبط فى متصفح جوجل كروم فقط .
اليوم وباذن الله هذه الطريقة ستجعل الخط يظهر بنفس الطريقة قى كل المتصفحات
نبذة عن الموضوع
تحويل خط الاستايل بالكامل الى خط ( الكوفى) مثل نسخ الجيل الرابع
مثال مصور لجزء من لاستايل قبل التحويل :
مثال مصور لنفس الجزء من الاستايل بعد التحويل :
ناتى الان الى الشرح والمرحلة الاولى:
المرحلة الاولى
لمن لدية ملف اكواد الاستايل بامتداد css ويكون على هذا الشكل لكن باسماء مختلفه
نقوم الان بفتح الملف ووضع الكود المرفق فى اول هذا الملف كما هو الان بالصوره
المرحلة الثانية :
تغيير مسمى الخط وتعريفه , مثلا لو كان على هذه الصيغة
كود PHP:
font: 9pt Tahoma, Geneva, sans-serif;
الى
كود PHP:
font-family: 'Droid Arabic Kufi';
كما بالصورة
المرحلة الثالثة :
وهى وضع هذا المجلد المرفق لكم 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
ونعمل حفظ بكذا سوف يتم تغيير خط الاستايل الى الكوفي
مع تغيير نوع الخط كما عرفنا وكما بالصوره
لمن قام بالتجربة وواجه مشكله تبليغنا فلا خجل نحن هنا لمساعدة البعض
فى النهاية الموضوع متعب عليه فلو اصبت فهذا من عند الله
فاذكرونا من صالح دعائكم