أقدِّم لكُم اليَوم شرْح مميز لطريقة اضافة خطوط عربية جذابة مثل الموجودة بمدونتى، وسوف أقدم لكم هذا الموضوع بناءً على طلب بعض الزوار...، فمن المهم في المدونة أن يكون خطها جميلا ويظهر بوضوح للزائر كمثل هذه الخطوط :
قد يقابل الكثير منا صعوبة في تركيب الخطوط على بلوجر ولكن سأشرح طريقة سهلة لتركيبها :
اولا ادخل على لوحة تحكم مدونتك، توجه إلى: قالب > تحرير HTML > وابحث عن هذا الكود بإستخدام Ctrl + F
]]></b:skin>وضع قبله كود الخط الذى تريده (الموجودة بالأسفل وسنشرح طريقة إضافته الآن) :
تجدون في الصورة (الموجودة بالأعلى) أربع خطوط، حيث أننا سنشرح كيفية إضافة كل خط من بينها، ويمكنك أن تختار ما يناسب دوقك :
الخط الأول: Droid Kufi 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);
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');
}
الخط الثاني Droid Kufi 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);
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');
}
الخط الثالث Droid Naskh Bold
وهو مِن أَجمل الخطوط العربية :
@font-face {
font-family: 'DroidNaskh-bold';
font-style: normal;
font-weight: 700;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.woff2) format('x-woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.ttf) format('truetype');
}
الخط الرابع Droid Naskh Regular
وهو نفس الخطّ السّابق ولكنه أرْفع قليلا منه :
@font-face {
font-family: 'DroidNaskh-regular';
font-style: normal;
font-weight: 400;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.woff2) format('x-woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.ttf) format('truetype');
}
ولاستخدام الخط الجديد، ما عليك إلاّ بتغيير اسم الخط السابق الذي كان في قالبك سواءً كان Arial او Tahoma أو غيرها إلى اسم الخط...، حيث انك تبحث عن (باستعمال Ctrl +F)
font-family:Arial
فإذا أردت تغيير خطّ المدونة بالكامل، ابْحث في القالب عَن هذا الوسْم :
body{
وَضع هذا الوسم تحتَه :
font-family:DroidKufi-bold;ثمّ قُم بتغْيِيِر ما باللّون الأزرق، بِالخط الذى تُريده من مجموعة الخطوط التي في الأعلى (المراد اظهاره)، واحرص على تغيير جميع الخطوط الموجودة في قالبك، بهذا بالخط الأخير.
وأي استفسار ضعه في تعليق .
