لاحظنا فى الفترة الأخيره توقف معظم الخطوط والسلايدرات فى جميع المدونات وهذا راجع لأن موقع dropbox بألغاء خاصية رفع الملفات ال css والتى كانت يعتمد عليها مئات بل الاف المدونين والمبرمجين فى حفظ ملفات css. الخاصة بمواقعهم بروابط مباشره
حيث يستطيعون ربطه بقالب موقعه عبر رابط مباشر ومجانى ولكن للأسف تم ألغاء هذه الخدمة والتى أدت لتوقف الملفات الخاصة
بعظم المواقع ولعل أهما لدى المدونين والمبرمجين هى الخطوط والتى تعمل فى بلوجر تحتى مسمى font face@
ولا حظت مع توقف هذه الملفات أن معظم المدونين كانوا يستخدموا خط GESS Two فى مواقعهم لذلك قمت بتجديد الروابط الخاصة بهذا الخط على googlecode
وكانت معظم المدونات يستخدمون هذه الروابط المباشره فى مدوناتهم
@font-face {
font-family: 'GESSTwoMediumRegular';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype'); }
عشرات ومئات المدونين يستخدمون نفس الروابط لمجموعة خطوط، ومع تعطل هذه الروابط
تشوهت مدونات وصفحات جميع هؤلاء .. خاصة أن الخطوط المستخدمة "خاصة"
وليست من دعم جوجل فلا روابط دائمة لها
حسنا .. نحمد الله أننا احتفظنا بالملفات الأصلية لمجموعة خطوط (GESSTwo) الجميلة ..
وسنضيف أحد النوعين من هذه الخطوط إلى قوالب مدوناتنا في خطوتين وبالاعتماد على رابط واحد فقط لكل نوع
بدل الأربعة روابط التي كانت بالكود السابق ..
حسنا نمر الشرح
الخطوة الأولى
من لوحة تحكم الى > قالب > تحرير HTML وقم بالبحث عن
<head>
أضف بعده الكود التالى الخاص بخط GESSTwoLight ذو البند الرفيع
<link href='https://asma-rahmouni.googlecode.com/svn/trunk/GESSTwoLight.css' rel='stylesheet' type='text/css'/>
أو أضف بعده الكود التالى الخاص بخط GESSTwoMediumRegular ذو البند المتوسط
<link href='https://asma-rahmouni.googlecode.com/svn/trunk/GESSTwoMediumRegular.css' rel='stylesheet' type='text/css'/>
الخطوة الثانية
ابحث عن font-family .. وهو الخاص بنوع الخطوط
ستجده يحتوي على عدة أسماء لخطوط مثل هذه:
font-family: Traditional Arabic, Tahoma, Arial, Sans-serif;
حيث أن عنوان الخط الأول (Traditional Arabic) وفي حال لم يظهر لدى المتصفح سيظهر الخط الثاني (Tahoma) وهكذا ..
ما سنقوم به الآن هو جعل عنوان الخط الأول (GESSTwoMediumRegular) أو (GESSTwoLight) ليظهر في مدونتك كخط رئيسي، وذلك بنسخ اسم الخط المحدد ولصقه كالتالي:
لأضافة الخط الأول GESSTwoLight
تجعل الكود السابق بهذه الشكل
font-family: GESSTwoLight, Traditional Arabic, Tahoma;
ولأضافة الخط الثانى GESSTwoMediumRegular
تجعل الكود السابق بهذه الشكل
font-family: GESSTwoMediumRegular, Traditional Arabic, Tahoma;
قم بمعاينة القالب الآن، لتجد الخطوط فيها قد أصبحت أجمل بكثير ..
احفظ التغيرات واستمتع بلمسة احترافية أضفتها الخطوط الجديدة في مدونتك :)
ليست هناك تعليقات:
إرسال تعليق