[شرح] : طريقة تغيير خط استايل الجوال الى الخط الكوفى Droid Arabic Kufi

[لجنة التطوير]

​

هذا الشرح خاص وحصري لمعهد ترايدنت لا اسمح بنقلة او نشرة بدون ذكر المصدر

[ اسم الشرح ] : طريقة تغيير خط استايل الجوال
[ الوصف ] : الطريقة خاصة لاستايل الجوال فقط
[ يتوافق مع اي اصدار ] : الجيل الثالث
[ موقع مقدم الشرح ] : abo-karim


​

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

http://www.traidnt.net/vb/traidnt2403943/

ونظرا لكثرة طالبات الاعضاء فى طريقة شرح كيفية تغيير خط استايل الجوال (المحمول) الى الكوفى
وبعد الاتهاء ها لكم هذه الطريقة

​

الاول ياشباب الشرح متوافق مع جميع التصفحات الاتيه


​

وهذه صورة من الاستايل بعد تغيير خطه وذلك من متصفح الفايرفوكس والاوبرا




​

​

ودى صورة اخرى من متصفح اخرى
​

​

الشرح:

اولا بعد تحميل الاستايل وسوفة تجدونه بالمرفقات

بعد فك الضغط ستجد مجلد اسمة vb يحتوى على



كما ترون مجلد الصورة وملف الاستايل وملف الاكواد

طبعاااااا سيتم رفع كل من المجلد وملف الاستايل بالطريقة العادية



يتبفى لنا ملف الاكواد وهو lightweight.css.php

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



ثم ننزل اخرى الاكواد ونضع كود الخط الكوفى المظلل

رمز Code:
@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');
}
كما بالصورة




ثم نقوم باضافة خط الكوفى لكل تعاريف الاستايل كما ترون بالصور

رمز Code:
font-family: 'Droid Arabic Kufi';






وبهذا نكون قد انتهينا من كل شى يتبقى لدينا اعادة رفع الملف مرة اخرى الى مجلد منتداك الرئيسي مع رفع مجلد fonts والذى ارفقته لكم




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

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

​

​

​

​

​

​

الملفات المرفقة

vb.zip (91.0 كيلوبايت)

fonts.zip (292.9 كيلوبايت)