طريقة إدخال خطوط جوجل إلى بلوجر

Tweet

بسم الله الرحمن الرحيم .. قامت جوجل بالإعلان بخصوص API خطوط جوجل, يمكنك رأيته هنا Google Font.
طريقة إستخدام Google Font API سهلة جدا .

مميزات الخطوط :

• يدعم الإنترنت إكسبلورIE6
• الملفات مستضافة في سيرفرات جوجل ( الباندويث الكبير والكاش تخزن بالمتصفح )
• الخطوط تستخدم font-face
•  يوجد انواع مختلفة من الخطوط 

طريقة الإدخال لبلوجر سهلة جدا, هذا الكود لإدخاله للبلوجر :

    <link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'/>

الطريقة : أدخل لبلوجر ثم تصميم ثم تعديل Html, إضغط توسيع القوالب ثم ابحث عن </head> وضع الكود قبله .

كيفية عمل الإضافة :

عند انشاء رسالة جديدة انتقل الى تحرير html وضع هذا الكود بهذه الطريقة :

<div style="font-family: 'Cantarell', serif;">هنا تضع النص</div>

إذا كنت تريد استهداف الهيدر والمواضيع فاستخدم هذا الكود :

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font-family: 'Cantarell', arial, serif;
}

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-family: 'Cantarell', arial, serif;
line-height:1.4em;
color:$titlecolor;
}

إذا تريد تغيير الخط إلى خط أخر فيمكنك من هنا .

مثــــال

كلمات دلالية : بلوجر, خطوط, خط, جوجل, الإنترنت إكسبلور, font-face, blogger, font, fonts, google, ie6, ie, internet explorer 6