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

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

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

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

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

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

الطريقة الصحيحة لتغيير خط استايل منتداك بالكامل الى خط الكوفى (Droid Arabic Kufi)

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

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

الملفات المرفقة http://www.traidnt.net/vb/images/attach/zip.gif vb.zip (91.0 كيلوبايت) http://www.traidnt.net/vb/images/attach/zip.gif fonts.zip (292.9 كيلوبايت)

أكثر...