بسم الله الرحمن الرحيم والصلاة والسلام على خير المرسلين محمد وعلى اله الطاهرين وصحبه الاخيار .
في هذه التدوينة ساشرح الطريقة الفعالة لاضافة اي خط موجود على جهازك او على الانترنت الى قالبك بعد للتحسين من مستوى جمال موقعك او مدونتك .
1 : قم بالذهاب الى هذا الموقع ( www.font2web.com ) اضغط على choose file ثم حدد الخط الذي تريده من جهازك و يمكنك تحميل الكثير من الخطوط العربية من هذا الموقع ( www.arfonts.net )
2 : اختر الخط الذي حملته ويجب ان يكون بالصيغ التالية :
.ttf
.otf
.eot
.wof
.svg
ثم اضغط على convert & download3 : قم بعمل استضافة من اي موقع ( ابحث عن : كيفية انشاء استضافة ) {قريباً سيتم شرح ذلك في هذه المدونة}
4 : قم بفك ضغط الملف الخاص الذي حملته من ( www.font2web.com )
5 : بعد فك ضغط ارفع جميع الملفات الى الاستضافة ( ابحث عن : رفع الملفات الى الاستضافة ) {قريباً سيتم شرح ذلك في هذه المدونة}
6 : بعد رفع الملفات اذهب الى قالبك ثم ابحث عن : <b:skin> ثم ضع الاكواد بعده ( تحت الـ <b:skin> ) :
@font-face {
font-weight: normal;
font-style: normal;
font-family: 'zinetx';
src:url('fonts/stroke7pixeden/stroke7pixeden.eot?u58ytb');
src:url('fonts/stroke7pixeden/stroke7pixeden.eot?#iefixu58ytb') format('embedded-opentype'),
url('fonts/stroke7pixeden/stroke7pixeden.woff?u58ytb') format('woff'),
url('fonts/stroke7pixeden/stroke7pixeden.ttf?u58ytb') format('truetype'),
url('fonts/stroke7pixeden/stroke7pixeden.svg?u58ytb#stroke7pixeden') format('svg');
}
7 : قم بتغيير ما في اللون الاخضر الى اي اسم تريده * ستستخدم هذا الاسم لاحقا
8 : قم بتغيير ما في اللون الاسود الى رابط الملفات بعد رفعها مثلا الرابط ( fonts/stroke7pixeden/stroke7pixeden.svg ) غيره بـ ( http://hostname.com/fontname.svg ) حسب النهاية اذا ينتهي بـ ( eot ) قم باضافة الرابط الخاص بـ ( eot ) بدله
9 : لتغيير خط معين : في الـ style الخاص بـ العنصر قم باضافة كود الcss التالي:
font-family: sans-serif ;
10 : غير الـ sans-serif الى الاسم الذي اخترته بدل zinetx في الكود الاول .