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

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

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

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

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

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

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









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









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

الشرح:

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

بعد فك الضغط ستجد مجلد اسمة 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 كيلوبايت)







أكثر...