عبدالرحمن أبوالسعد

مصمم ومطور مواقع إنترنت

المدونة

استخدم خطوط خاصة لموقعك بكل سهوله

استخدم خطوط خاصة لموقعك بكل سهوله

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

font-face

الكثير من مستخدمي المواقع أحياناً يحاولون تغيير الخط المستخدم فى موقعهم، و من المشاكل التي قد تحدث هو عدم توافق الخط مع المتصفحات كافة و لكن اليوم سأشرح لكم خاصية “[email protected]” هذا الخاصية بكل بساطة تقوم بعرض الخط عن طريق ملف الخط الموجود في السيرفر و ليس النظام .

قبل أن ابدأ لابد و ان تعلم كل متصفح و صيغة الخط الخاصة به و هي كالتالي :
EOT : تعمل في متصفح انترنت اكسبلور.
WOFF : تعمل في انترنت اكسبلورر نسخة 9 فما فوق، فايرفوكس 3.6 فما فوق، سفاري 5.1 فما فوق، كروم 6 فما فوق.
TTF : سفاري 3-5، كروم 4 فما فوق، فيرفوكس 3.5، و اوبيرا 10 فما فوق.

و الان سنبدأ بالشرح :
أولا : قم بتحميل الخط على جهازك الشخصي و للعلم يجب أن يكون مجاني “غير مسروق ” لان ذلك قد يعرضك للمسائلة من قبل صاحب الخط.

ثانياً : اذهب الى هذا الموقع و حول صيغة الخط بما يتناسب مع المتصفحات /http://www.freefontconverter.com
و ثالثا و أخيراً : اذهب الى ملف الـ “style.css” و ضع هذا الكود:

الان سأشرح الكود باختصار أولاً (‘src: url(‘font/namefont.eot هنا مسار الخط في السيرفر، مثلاً لو وضعته في المجلد الرئيسي ستزيل كلمة “font” اما ان وضعته في الملف ستبقيه كما هو مع تغيير اسم الخط من “namefont” الى اسم ملف الخط الموجود لديك.

اما باقي الأسطر فهي لصيغ الخط الأخرى فعليك التعديل على الكل كما قلنا سابقاً.
ملاحظة : يفضل وضع الكود في أول ملف “style.css” ليعمل من غير مشاكل.

 

 الطريقة الأخرى
إن كنت من عشاق الإضافات الخاصه بالوورد بريس، فيمكنك استخدام تلك الإضافه (Use Any Font)، فسوف تسهل عليك الكثير لكنها لاتتيح إلا استخدام خط واحد فقط بالنسبه لللإصدار المجانى.

أتمنى أن يكون الشرح قد نال اعجابكم وهذه نبذة بسيطة، اذا واجهتك مشكلة فضلاً اترك تعليق وسوف أقوم بالرد عليك، بالتوفيق .