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

http://upload.traidnt.net/upfiles/LDC98190.jpg


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

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

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

http://upload.traidnt.net/upfiles/LDC98190.jpg

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

http://upload.traidnt.net/upfiles/x0J95495.png

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

http://upload.traidnt.net/upfiles/nBY42340.png

http://upload.traidnt.net/upfiles/LDC98190.jpg

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

http://upload.traidnt.net/upfiles/zdh42415.png

http://upload.traidnt.net/upfiles/LDC98190.jpg

الشرح:

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

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

http://upload.traidnt.net/upfiles/wcR42940.png

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

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

http://upload.traidnt.net/upfiles/LDC98190.jpg

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

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

http://upload.traidnt.net/upfiles/gxH43267.png

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

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

http://upload.traidnt.net/upfiles/q3f43435.png


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

رمز Code:
font-family: 'Droid Arabic Kufi';
http://upload.traidnt.net/upfiles/ner43846.png


http://upload.traidnt.net/upfiles/LDC98190.jpg


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


http://upload.traidnt.net/upfiles/LDC98190.jpg

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

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

http://upload.traidnt.net/upfiles/oAi98221.jpg