درس: كيف تبين خطوط عربية على صفحتك مو موجودة عن الآخرين؟

[halkibsi]

السلام عليكم ورحمة الله وبركاته
(مستوى الدرس: درجة متوسطة إلى المحترفة)

أنا ألاحظ الكثير منكم دخل في جدل أن Tahoma هي افضل الخطوط العربية لعرض المحتوى على الانترنت... ليش؟؟ لانها متوفره وبإمكان الجميع قراءة المحتوى بدون اشكاليه وبوضوح. والله معاكم حق... ولكن ماذا عن الناس منا الذين يريدون ان يبرزوا خطوطاً عربية أصيلة جميله في مواقعهم بدون اللجوء الى الفوتوشوب وادراجها في الصفحة كصورة وليست نص؟؟

هنا تدخل فكرة: Embed Font ومعناها "ادراج الخط المرغوب الى داخل الصفحة". الرجاء اذهب الى هذه الصفحة الآتية:
http://www.mtiaz.com/embed_font

ستجد في الصفحة 3 أنواع من الخطوط:
04b_03
AXtBassima
AXtManal

هل أيضاً لاحظت في كود الصفحة ان الـCharset هو windows-1252؟؟

طيب السؤال هنا هو: كـــــــيـــــــــف؟
بسيطه جداً والتقنية متوفرة من مايكروسوفت وهي مجانية. يوجد برنامج باسم Microsoft WEFT يعمل على أخذ الخط اللي تريده ويحوله الى ملف ذو امتداد eot ويدرجلك الملف داخل الصفحة كما تعين خصائص الـCSS... أرجو الدخول للكود في الصفحة المطروحة في الاعلى لكي تلاحظ الآتي:

<STYLE TYPE="text/css">
 <!-- /* $WEFT -- Created by: Haitham (i_luvsan3a@hotmail.com) on 3/13/03 -- */
  td.04b_03 {
    font-family: 04b_03;
    font-style:  normal;
    font-weight: normal;
    src: url(DBFNT0.eot);
  }
  td.Axfont {
    font-family: AXtBassima;
    font-style:  normal;
    font-weight: normal;
    src: url(AXTBASS0.eot);
  }
-->

</STYLE>

هل فهمتم؟؟ ما أعرف أنا شرحي باللغة العربية شوية (مرررررررررة) رايح فيها. لتحميل البرنامج (حوالي تسعه ميجا) انقر على الرابط التالي:
http://download.microsoft.com/downlo.../weft3full.exe

بالتوفيق ان شاء الله.

[أبو الوليد]

شكرا لك هيثم على هل الدرس الجميل
وجزاك الله خير

[php master]

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

مشكور جدا على هذه المعلومات الجميلة يا هيثم وجزاك الله خيرا

هنا رابط مباشر لتحميل البرنامج

تحياتى لك بالتوفيق

[محمود المسعودي]

جزاك الله خير

درس حقيقي مهم

الله يوفقك

[SalemOnLine]

مشكور اخوي

[halkibsi]

لا شكر على واجب... وانا في الخدمة ان استطعت دائماً

[FaTaYaT]

جزيت الجنة ..

[halkibsi]

آمين ان شاء الله

[ابوعليوه]

مشكوووور اخوي هيثم

الصراحه درس مفيد وقوي

لكن ما تشوف انه الشوائب موجوده على النص
يعني لو استخدمت الخطوط الاعلانيه رحنا فيها
أغلب الخطوط العربيه لازم يكون فيها شوائــــب
لذلك انا أفضل الفوتوشوب واعـشق الـCrisp !

[KaRiM_NET]

الف شكر درس مهم

[halkibsi]

أخي ابوعليوه،،،
ملاحظتك في محلها... ولكن هذه الشؤائب في الحروف العربية ليست سوى مشكلة في الخط نفسه... على سبيل المثال فلدينا باللغة الانجليزية خطوط اسمها pixel fonts وهي ليس لها أي شوائب وتبان تمام التمام على أي حجم في الفوتوشوب أو غيره من البرامج. ولا توجد هذا النوع من الخطوط في العربية ولكن لو بس أعرف كيف أسوي خطوط لأسويها.

أخي KaRiM_NET،،،
ولو... حياك الله!

[ابو مشعل]

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

الله يعطيك العافية

تحياتي
اخوك ابو مشعل

[Dr.Server]

حقيقي درس سهل وبرنامج رااااااااااااائع الله يجزاك الخير وماقصرت

[halkibsi]

حياك الله أخي مشعل،،،
هذه التقنية صارلها أكثر من سنتين وما زالت تحت التطوير... فهذا البرنامج هو الاصدار الثالث وما زالت شركة مايكروسوفت لم تتقن إضافة الخطوط العربية والعبرية. لو تلاحظ الخطوط المستخدمة هي خطوط من برنامج "الرسام"... ولكن لو تحاول ادراج خطوط عربية مثل "MCS Diwany1 S_1 normal" فستلاحظ ان البرنامج لن يستطيع ادراجها بسبب "فشل ما"... وأنا متأكد من أنهم سيركزوا على التعامل مع شتى الخطوط اليمينية واليسارية والافقية...

وعلى هذا الصدد اريد ان الفت نظر الكل ان منظمة الـW3C أقرت بأن خصائص كل ما في صفحات الويب لابد من انتقالها من الجداول والخصائص السابقة إلى كود الـCSS الذي سيعمم فيما قريب.

أخي Dr.Server،،،