السلام عليكم ورحمة الله
رمضان مبارك كريم على كل الأمة الإسلامية
اليوم سنلتقي مع موضوع اجده مفيد خصوصا للمبتدئين في صناعة المواقع
كتيرا ما اكون في صدد انجاز تصميم على برنامج Photoshop متلا و
عندما امر التقطيع وبعدها ملأ الموقع اجد نفسي مضرا للتخلي على بعض انواع الخطوط
التي استعملتها لسبب بسيط انها غير مضمة في النظام و بالتالي لن تظهر للزوار، ولقد
بحت سابقا عن طريقة لفعل هذا الأمر ولم اجد واليوم واتناء مطالعتي لأحد المواقع
وجدت انه يستعمل هذا الأمر ولقد اخدت فكرة على الطريقة و اتمنى ان تكون مفيدة لكم
و اوفق في شرحها
طبعا العمل سيكون على مستوى css و ملف الخط
الذي نريد اضافته يجب ان يكون من نوع ttf
و يجب ان نحوله الى صيغة .eot و
يمكنكم فعل هذا بسهولة من خلال هذا الموقع اضغط هنا
الأن لدينا ملفين واحد .ttf و واحد .eot ويجب وضعهما معا مع ملفات الموقع (للإشارة فبعض خطوط ttf لا تعمل على IE و لهذا يفضل وضع ملفين ttf و eot)
و الأن لم يتبقى الا ان نضيف الخطوط الى الموقع عبر css لكي نستطيع استعمالها و ذلك عن طريق هذا الكود
و الأن لم يتبقى الا ان نضيف الخطوط الى الموقع عبر css لكي نستطيع استعمالها و ذلك عن طريق هذا الكود
@font-face {
font-family: 'FONT Name';
src: url('Font-File.eot');
src: url('Font-File.eot?#iefix'),
url('Font-File.ttf');
}
و بعدها يمكننا استعمال الخص من خلال الإسم الذي اخترناه له على الشكل التالي متلا
H1 {
font-family:AnimalsNormal; }
اتككم مع التجربة الخاصة بي الخطوة الأولى البحت عن الخط و تحميله
بعدها الحصول على ملف .eotوضع الملفات مع ملفات الموقع
كتابة الأكواد
و هذه هي النتيجة على Google Chrome
و على IE 9
اتمنى ان اكون قد وفقت في شرحي هذا و ان تكونوا قد استفدتم الى اللقاء و صيام مقبول و رمضان مبارك كريم
خارج الموضوع تحويل الاكوادإخفاء الابتساماتإخفاء