طريقة تغيير خط الكتابة بالمدونة

طريقة تغيير خط الكتابة بالمدونة

السلام عليكم ورحمة الله، الكثير منا يبحث عن طريقة تغيير الخط بمدونته الا اننا لانجد الطريقة التي تمكننا من ذلك فأنا ايضا قد عانيت من هذا المشكل الا انني وبعد بحث طويل توصلت الى طريقة فعل ذلك وانا اليوم قد نقلت اليكم الطريقة لكي لااكون انانيا فأردت ان يستفيد المدونون ايضا من هذه الطريقة وبدون ان اطيل عليكم اترككم مع الشرح.

يمكنكم مشاهدة المعاينة على الصورة او على المدونة

 1- ابحث عن هذا الكود ]]></b:skin> باستعمال ctrl+f

2-بعدها اختر احد اكواد الخطوط بالاسفل والصقه فوق الرمز الذي وجدته 

DroidKufi-Bold

كود css:

@font-face {

font-family: 'DroidKufi-Bold';

src: url('http://jaser.net23.net/webfont/fonts/DroidKufi-Bold.eot');

src: url('http://jaser.net23.net/webfont/fonts/DroidKufi-Bold.eot?') format('embedded-opentype'),

url('http://jaser.net23.net/webfont/fonts/DroidKufi-Bold.woff') format('woff'),

url('http://jaser.net23.net/webfont/fonts/DroidKufi-Bold.ttf') format('truetype'); }  

____________________________________

DroidKufi-Regular

كود css:

@font-face {

font-family: 'DroidKufi-Regular';

src: url('http://jaser.net23.net/webfont/fonts/DroidKufi-Regular.eot');

src: url('http://jaser.net23.net/webfont/fonts/DroidKufi-Regular.eot?') format('embedded-opentype'),

url('http://jaser.net23.net/webfont/fonts/DroidKufi-Regular.woff') format('woff'),

url('http://jaser.net23.net/webfont/fonts/DroidKufi-Regular.ttf') format('truetype'); }  

____________________________________

DroidNaskh-Bold

كود css:

@font-face {

font-family: 'DroidNaskh-Bold';

src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.eot');

src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.eot?') format('embedded-opentype'),

url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.woff') format('woff'),

url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Bold.ttf') format('truetype'); }  

____________________________________

DroidNaskh-Regular

كود css:

@font-face {

font-family: 'DroidNaskh-Regular';

src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Regular.eot');

src: url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Regular.eot?') format('embedded-opentype'),

url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Regular.woff') format('woff'),

url('http://jaser.net23.net/webfont/fonts/DroidNaskh-Regular.ttf') format('truetype'); }  

الآن وبعد لصق كود الخط المناسب، تأتي خطوة تغيير اسم الخطوط حسب المكان الذي تريد ظهور الخط فيه (العنوان، عنوان التدوينات، ..) وغالبا ما يكون كود الخط في تحرير HTML على شكل font-family، ولاستخدام الخطوط أعلاه هذه العبارات التي يجب إضافتها للfont-family :

'DroidKufi-Bold'

'DroidKufi-Regular'

'DroidNaskh-Bold'

'DroidNaskh-Regular'