[admin]

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

وهذه أمثلة للخطوط التي سنسردها في هذا الموضوع :



والآن أكواد الخطوط أضف الكود أو الأكواد التي تناسبك فوق ]]></b:skin> :

DroidKufi-Bold

كود PHP:

@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

كود PHP:

@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

كود PHP:

@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

كود PHP:

@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'

انتهى،،

• لا أسامح أبدا بنقل الموضوع إلا بذكر المصدر
  
• + غير مسجلإذا أعجبك القالب / الاستايل اضغط زر الإعجاب الخاص بالفيسبوك في آخر الموضوع