2010-07-19
استخدم خطوط جوجل
لم يعد الجرافيك وحده هو القاعدة التى يبنى عليها تصميم المدونة , خطوط المدونة واشكالها المختلفة ومدى تناسقها اصبح عاملا بالغ الاهمية فى التصميم , بل اصبح علما يطلق عليه typography
ماهو الـ Google's Font API ؟
طرحت جوجل مؤخرا خدمة مفتوحة المصدر تمكن المستخدم من اضافة الخطوط المختلفة لاى موقع او صفحة على الانترنت , واسمت تلك الخدمة Google's Font API
ماهى الخطوط المتاحة حتى الان ؟
توجد النماذج المتاحة حتى الان فى تلك الصفحة
الخدمة لا تزال تجريبية ويوجد بها بعض الخطوط الانجليزية فقط , ويتوقع ان شاء الله ضم المزيد من الخطوط قريبا
ماهى طريقة الاضافة ؟
اولا اضغط على خط معين ( انا ضغطت على Cantarell كمثال ) من تلك النماذج
فى الصفحة التالية اضغط على get code
ستحصل على كود بهذا الشكل :
<link href=' http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>
اضف انت اليه شرطة مائلة فى نهايتة قبل انغلاق الكود ليصبح بهذا الشكل :
<link href=' http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'/>
ثم اذهب الى صندوق الاكواد بمدونتك
لوحة التحكم , تصميم , تحرير هتمل
وابحث عن <head>
والصق الكود السابق بعدها مباشرة
ثم احفظ
-----
الان انت اضفت الخط Cantarell الى القالب , تحتاج الان
تحتاج الان اضافته الى اجزاء المدونة
مثلا انت تريد ان تكون العناوين الفرعية h2 بهذا الخط
ستضيف هذا الكود :
h2.post-title {font-family: Cantarell, Sans=Serif;}
وهكذا , يمكنك اضافة تلك الخاصية الى اى قطعة تريدها
مثلا , تبحث عن الـ post او الـ main
وتطيف الى خصائصه الموجوده خاصية الخط , او تعدلها اذا كانت موجودة بالفعل
main {
font-family: Cantarell, Sans=Serif;
}
------------------
اما اذا كنت تملك خطا معينا وتريد اضافته الى البلوجر , فيلزمك شراء مكان استضافة لملف الخط او استعمال اماكن مجانية ان وجدت , ومن ثم ارفاقة بنفس الطريقة بدلا من خط جوجل المجانى
اشكال بديلة اخرى من هـنـا
اضغط على عنوان البوست لتظهر التعليقات