حصرياً شرح كود الخط @font-face لتركيب أجمل الخطوط إلى صفحات الويب ..

======================================

شرح تركيب كود الخط ، شرح سهلة ، أولاً نضيف كود مثال ..

[LEFT]رمز Code:
مرحبا بك


[RIGHT]أو يمكنك ديف (div) أو اى كود حسب موقعك وبعد كده نضيف كلاس Class ، وبعد كتابة كود الأن نضيف كود CSS ..

اضف كود css ونضيف كود نوع الخط واكتب اى اسم مثلا انا سميت ahmed طبعا بدون مسافة ولا حروف كبيرة فقط كلمة عادية تمام ..

الأن نضيف كود نوع الخط اساسي *مهمة مثل tahoma او arial لأن كود الخط ليس متوافق جميع المتصفحات يعنى أهم الخط لديك والخط اساسي يعنى احتياطي ..

[LEFT]رمز Code:
h1{font-family: ahmed, tahoma;}

[RIGHT]وبعد كتابة نوع الخط ، الأن نضيف الخط طبيعي *مهمة ..

[LEFT]رمز Code:
h1{font-family: ahmed, tahoma;font-style:normal;font-weight:normal;}

[RIGHT]وبعد كتابة الخط طبيعي ، الأن نضيف حجم الخط ، طبعاً اهم كحد أقصي 14pt علشان تبقى الخط واضح ..

[LEFT]رمز Code:
h1{font-family: ahmed, tahoma;font-style:normal;font-weight:normal;font-size:14pt}

رمز Code:
@font-face {
font-family: ahmed;
src: url(ahmed.eot);
src: local(☺, url(font/Hayah.otf) format("truetype";}
[CENTER]هكذا شرح انتهيت ، إذا لو لديك الخط منفصلة او انعكاس فى موقعك يبقى المشكلة فى ملف خط وليس كود
يعنى جرب ملفات خطوط تانية ..

======================================

[RIGHT]أنواع الملفات لـ دعم متصفحات :

[LEFT] Internet Explorer (all versions): EOT
Safari (3.2+) : TTF / OTF
Chrome (all versions) : SVG ( TTF / OTF added 25th Jan 2010)
Firefox (3.5+) : TTF / OTF (.WOFF added 3.6)
Opera (10+) : TTF / OTF
iPhone (3.1) : SVG

لذا : TTF / OTF = أفضل دعم متصفحات ممكن ..

======================================


تم بحمد لله ، بالتوفيق لكم ..