Content

2014-09-01

إضافة خطوط GESSTwo الرائعة إلى مدونات بلوجر (روابط جديدة حصرية)

 
أسعد الله أوقاتكم بكل خير .. آمل أن تكونوا جميعا بألف خير وعافية ◕‿◕

قام موقع dropbox خلال الأسبوع الماضي بإلغاء خاصية تحميل ملفات .css
التي كان يعتمد عليها آلاف وملايين المستخدمين خاصة المبرمجين، للأسف إلغاء هذه الخدمة المهمة أدى لتوقف
جميع الملفات التي تحمل صيغة .css ولعل أهمها لدى المدونين خاصة هي ( خطوط الويب - web fonts )
التي تعمل على منصات بلوجر تحت وسم (@font-face)

لا شك أنك لاحظت تغير الخطوط في مدونتك أو مدونات أخرى تزورها باستمرار كانت تستخدم خطوطا مميزة
وما زاد الطين بلة أن أغلب المدونين يستخدمون خطوطا قام نفس الشخص بتحميلها على حسابه الشخصي في dropbox
باعتباره الموقع الأشهر الذي يدعم صيغة .css برابط مباشر ومجاني !

@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 التي أعتبرها شخصيا أجمل خطوط الويب على الإطلاق
ولأنها "عربية" فلن تجد روابط بديلة لها على مواقع أجنبية إن كنت من المدونين الذين وقعوا ضحية "رابط الحساب الواحد" !

حسنا .. نحمد الله أننا احتفظنا بالملفات الأصلية لمجموعة خطوط (GESSTwo) الجميلة ..
وسنضيف أحد النوعين من هذه الخطوط إلى قوالب مدوناتنا في خطوتين وبالاعتماد على رابط واحد فقط لكل نوع
بدل الأربعة روابط التي كانت بالكود السابق ..

 1) الخطوة الأولى:

من لوحة تحكم مدونتك توجه إلى: قالب > صندوق HTML > ابحث عن الوسم التالي (ستجده في الأسطر الأولى من أكواد القالب)
<head>
أضف بعده الكود التالي الخاص بخط (GESSTwoMediumRegular) ذو البند المتوسط

 
<link href='https://asma-rahmouni.googlecode.com/svn/trunk/GESSTwoMediumRegular.css' rel='stylesheet' type='text/css'/>
أو أضف الكود التالي الخاص بخط (GESSTwoLight) ذو البند الرفيع

<link href='https://asma-rahmouni.googlecode.com/svn/trunk/GESSTwoLight.css' rel='stylesheet' type='text/css'/>

 2) الخطوة الثانية:

ابحث عن font-family .. وهو الخاص بنوع الخطوط
ستجده يحتوي على عدة أسماء لخطوط مثل هذه:
font-family: Traditional Arabic, Tahoma, Arial, Sans-serif;
حيث أن عنوان الخط الأول (Traditional Arabic) وفي حال لم يظهر لدى المتصفح سيظهر الخط الثاني (Tahoma) وهكذا ..

ما سنقوم به الآن هو جعل عنوان الخط الأول (GESSTwoMediumRegular) أو (GESSTwoLight) ليظهر في مدونتك كخط رئيسي، وذلك بنسخ اسم الخط المحدد ولصقه كالتالي:
font-family: GESSTwoMediumRegular, Traditional Arabic, Tahoma;
font-family: GESSTwoLight, Traditional Arabic, Tahoma;

يمكنك إضافة كلا الخطان بنوعيهما من خلال إضافة الكود الأول والثاني في الخطوة الأولى
مع تغيير أسماء الخطوط في أي جزء من قالب مدونتك كما ترغب

قم بمعاينة القالب الآن، لتجد الخطوط فيها قد أصبحت أجمل بكثير ..
احفظ التغيرات واستمتع بلمسة احترافية أضفتها الخطوط الجديدة في مدونتك

  ◕‿◕




7 التعليقات:

moswexp قام بالتعليق في : 10/10/2014 يقول...

شكرا لك أختى
فى أنتظار تدويناتك الشيقة

Mostapha Bourarach قام بالتعليق في : 1/04/2015 يقول...

Tres jolie

محمد منير أبو السمك قام بالتعليق في : 2/28/2015 يقول...

السلام عليكم أختي أسماء..

كنت أود أن استفسر شيء بحثت عنه طويلا لكني لم أعثر على الطريقة الصحيحة..

وهي كيف ارفع خطوط على Goggle Code واضيفها لمدونتي برابط مباشر ..

ولك مني جزيل الشكر والتقدير ،،

NOKHBA FX قام بالتعليق في : 5/22/2015 يقول...

جزاكم الله الف خير

Ilyas ARIBA قام بالتعليق في : 7/27/2015 يقول...

شكراا اخي على الموضوع
لائحة العطل المدرسية 2016

mekho matrix قام بالتعليق في : 9/13/2015 يقول...

بارك الله فيك




لعبة

أُم مُــعَـــاذ قام بالتعليق في : 9/19/2015 يقول...
أزال المؤلف هذا التعليق.

إرسال تعليق

| الرجاء عدم استخدام مرادفات ( يا الغالية، يا العزيزة...) في التعليق بالنسبة للشباب |

لتصلك إشعارات ردود هذا الموضوع انقر على (الاشتراك عن طريق البريد الإلكتروني) أسفل صندوق التعليق