طريقه تغيير الاستايل الى كوفي

#1 07-21-2020, 05:34 AM

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

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

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

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

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

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

المرحلة الاولى
لمن لدية ملف اكواد الاستايل بامتداد 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

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

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

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

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

لؤلؤه ,عنيزاوي حنون ,المحبوب و 1 آخرون معجبون بهذا
أمير المحبه