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;
}
------------------
اما اذا كنت تملك خطا معينا وتريد اضافته الى البلوجر , فيلزمك شراء مكان استضافة لملف الخط او استعمال اماكن مجانية ان وجدت , ومن ثم ارفاقة بنفس الطريقة بدلا من خط جوجل المجانى
اشكال بديلة اخرى من هـنـا
7 اضف تعليق , التعليقات:
مشكور على التدوينة الرائعة وبدون مبالغة انا وجدت فى مدونتك موضوعات جديدة على انا شخصيا فيما يتعلق بالتدوين وببلوجر ..
مشكور وفى انتظار المزيد
السلام عليكم معلش انا عندى سؤال انا ضفت الخط لكن مظهرش عندى وانا بحرر البوست انا بس عايز اعرف بيظهر فين
www.oralpathologist.blogspot.com
ما شاء الله عليك
ربنا يوفقك
المشكله عندي اني مبعرفش احفظ التغيرات اللي عندي لما بغير حاجه مبلاقيش كلمه حفظ معرفش احفظ التغيرات ازاي؟
الخط لم يظهر بقائمة الخطوط عند انشاء تدوينة جديدة
ارجو المراسلة فى حالة رؤية التعليق والرد عليه
zoma1990@gmail.com
zoma81090@yahoo.com
http://4we-eb.blogspot.com/
Post a Comment
اضف تعليقك هنا