آخر الأخبار

الجمعة، 12 يونيو 2015

أروع وأحدث خطوط الويب لمدونات بلوجر





أعزائي متابعي المدونة 

أسعد الله أوقاتكم بكل خير ومحبة

اليوم سوف نتطرق إلى شرح تركيب أروع وأحدث خطوط الويب  لمدونات بلوجر ، تابعوا معنا طريقة التركيب :

1- أدخل إلى مدونتك ثم أختر>> لوحة التحكم >>ثم قالب >> ثم تحرير قالب >>  HTML 

2- إبحث عن الوسم : ]]></b:skin>

3- أضف فوقه مباشرة كود CSS للخطوط التي ترغب بإضافتها لمدونتك .

- الخط الأول : hacen_liner



@font-face {
font-family: &amp;amp;quot;hacen_liner&amp;amp;quot;;
src: url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/hacen_liner.eot');
src: local(&amp;amp;quot;â&amp;amp;amp;#732;º&amp;amp;quot;), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/hacen_liner.eot?#iefix') format('embedded-opentype'), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/hacen_liner.woff');
font-weight: normal;
}


- الخط الثاني : Kaushan Script



@font-face{  font-family:'Kaushan Script';   font-style:normal;   font-weight:400;   src:local('Kaushan Script'),local('KaushanScript-Regular'),url(http://themes.googleusercontent.com/static/fonts/kaushanscript/v1/qx1LSqts-NtiKcLw4N03IFhlQWQpSCpzb2Peu3I-Q34.woff) format('woff')
}

- الخط الثالث :  DroidKufi-regular




@font-face {
font-family: "DroidKufi-regular";
font-style: normal;
font-weight: 400;
src: url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix") format("embedded-opentype"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2") format("x-woff2"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff") format("woff"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf") format("truetype");
} 

- الخط الرابع :  DroidKufi-Bold



@font-face {
font-family: "DroidKufi-Bold";
font-style: normal;
font-weight: 700;
src: url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix") format("embedded-opentype"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2") format("x-woff2"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff") format("woff"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf") format("truetype");
}

 - الخط الخامس : خط مدونة هوم بلوجر - ge_ss_threeregular,Droid Sans;


- طريقة تركيب خط مدونة هوم بلوجر يختلف عن طريقة تركيب الخطوط الأخرى :

1- أدخل إلى مدونتك ثم أختر>> لوحة التحكم >>ثم قالب >> ثم تحرير قالب >>  HTML 

2- إبحث عن الوسم : <head>

3- أضف الكود التالي  تحته :

<link href='http://cdn.jsdelivr.net/darfonts/0.1/dinone-dintwo-sstext-ssthree/stylesheet.css' rel='stylesheet'/>
  <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'/>
- عندما تريد إضافة الخط إلى مدونتك ستجد حط المدونة على هذا الشكل :

- ; font-family: arial , tohama

أضف الخط الذي  يعجبك على هذا الشكل :

- ; font-family: ge_ss_threeregular,Droid Sans;arial , tohama

- أما أذا أردت أن تجعل خط المدونة موّحد على القالب كله :

- أبحث عن هذا الكود ، ستجده على هذا الشكل :

body {
     margin: 0 auto;
     padding: 0;
     font-family: "lucida grande",tahoma,verdana,arial,sans-serif;

- بعد أن تجد الكود أضف اسم الخط الذي يعجبك ، على سبيل مثال خط مدونتنا سيصبح  على هذا الشكل :

body {
     margin: 0 auto;
     padding: 0;
     font-family: "ge_ss_threeregular",Droid Sans;"lucida grande",tahoma,verdana,arial,sans-serif;

وأخيراً نترككم برعاية الله وتوفيقه 


أروع وأحدث خطوط الويب لمدونات بلوجر
موضوع المشاركة: أروع وأحدث خطوط الويب لمدونات بلوجر 9 من خلال 10 وعلى أساس 10 تصنيف. 9 تعليقات المستخدمين.
  • تعليقات بلوجر
  • تعليقات الفيس بوك

0 Comments:

رسالة تنبيه
    يسعدنا تفاعلكم بالتعليق لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق :
    أن لا تضع أي روابط خارجية
    أي سؤال خارج محتوى التدوينة يرجى استخدام صفحة الدعم الفني
    صفحة الدعم الفني
  • أن يكون التعليق خاص بمحتوى التدوينة أروع وأحدث خطوط الويب لمدونات بلوجر
  • لإضافة كود حوله أولا بمحول الأكواد
انقرهنا لتحويل الكود

إرسال تعليق

Item Reviewed: أروع وأحدث خطوط الويب لمدونات بلوجر Description: أروع وأحدث خطوط الويب لمدونات بلوجر Rating: 5 Reviewed By: home blogger