الأربعاء، 25 فبراير 2015

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

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

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

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




نبذة عن الموضوع :

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









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



This image has been resized. Click this bar to view the full image. The original image is sized 1179x243.






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

This image has been resized. Click this bar to view the full image. The original image is sized 1180x258.






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

اولا: لمن لدية ملف اكواد الاستايل بامتداد css ويكون على هذا الشكل لكن باسماء مختلفه



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

This image has been resized. Click this bar to view the full image. The original image is sized 1258x617.









المرحلة الثانية :

تغيير مسمى الخط وتعريفه

مثلا لو كان

على هذه الصيغة 

كود:
     font: 9pt Tahoma, Geneva, sans-serif;
الى 



كود:
font-family: 'Droid Arabic Kufi';
كما بالصورة









المرحلة الثالثة :

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


This image has been resized. Click this bar to view the full image. The original image is sized 670x288.








المرحلة الرابع والاخيرة :

وهذه لمن ليس لدية ملف استايل مرفق بملفات الاستايل بلى تعريفات الاستايل مرفقة فى تعاريف CSS الإضافية/Additional CSS Definitions
بلوحة تحكم المنتدى الرئيسية

This image has been resized. Click this bar to view the full image. The original image is sized 921x459.


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

This image has been resized. Click this bar to view the full image. The original image is sized 649x400.

ليست هناك تعليقات:

إرسال تعليق