الخطوط فى تصميم الموقع

Farhad Karim كتب:

بسم الله الرحمن الرحيم

اساتذة فوتوشوب

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

و اذا امكن يا اساتذة ملف فيها خطوط المستخدمة للمواقع اشكركم جزيل شكر

الخطوط المستخدمة الموجودة على أي سيرفر أو جهاز:

Arial

Tahoma

Times new roman

verdana

و إذا أردت إستخدام خطوط أخرى غير هذه الخطوط (مثل العناوين) يمكنك إستخدامها و سترفق كصورة مع التصميم

و هناك طريقة أخرى عن طريق css يمكنك أن ترفق الخطوط غير المكتوبه ولكن هذا التوجه لا يعمل على الكثير من المتصفحات من أهمها Widows IE explorer

بالتوفيق يا أخي.

أنصحك بقراءة هذا الموضوع:

الخطوط العربية : قواعد ، أفكار و حيل

A_Alakkad كتب:

أنصحك بقراءة هذا الموضوع:

الخطوط العربية : قواعد ، أفكار و حيل

السلام عليكم ورحمة الله

بالنسبة لطريقة اضافة خط جديد بواسطة الـ CSS فهي كالتالي :

@font-face { 
font-family: "My Custom Font";
src: url(path to ttf font file) format("TrueType");//this works on non-IE
}
@font-face {
font-family: "My Custom Font";
src: url(path to eot font file); //this works on IE
}

فالفرق في المتصفحات هو نوع ملف الخط الذي تستطيع تفسيره والله أعلم

استخدمت هذه الطريقة سابقا في عدة مواقع وهي تعمل بشكل جيد على جميع المتصفحات

وقد لاحظت أيضا (لكني لست متأكداً) أن خطوط من نوع ttf تعمل على الـ IE8 بشكل جيد والله أعلم

يمكنك التحويل ملفات الخطوط بواسطة عدة ادوات منها ما هو online tool كهذه مثلا Fonts squirrel generator (وغيرها الكثير)

ومنها ما هو offline tool كـ ttf2eot commad line يمكنك أن تجدها في google code

بتوفيق الله..

شكرا يا اساتذة إن شاء الله دائما موفقين