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

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

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

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

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;

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

قوالب بلوجر

آخر الأخبار

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

ليست هناك تعليقات:

إرسال تعليق