أعزائي متابعي المدونة
أسعد الله أوقاتكم بكل خير ومحبة
اليوم سوف نتطرق إلى شرح تركيب أروع وأحدث خطوط الويب لمدونات بلوجر ، تابعوا معنا طريقة التركيب :
1- أدخل إلى مدونتك ثم أختر>> لوحة التحكم >>ثم قالب >> ثم تحرير قالب >> HTML
2- إبحث عن الوسم : ]]></b:skin>
3- أضف فوقه مباشرة كود CSS للخطوط التي ترغب بإضافتها لمدونتك .
- الخط الأول : hacen_liner
@font-face {
font-family: &amp;quot;hacen_liner&amp;quot;;
src: url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/hacen_liner.eot');
src: local(&amp;quot;â&amp;amp;#732;º&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;
وأخيراً نترككم برعاية الله وتوفيقه
0 Comments:
إرسال تعليق