[مـؤمن]

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

فى اخر تحديث للـ Cascading Style Sheets (CSS3)
أصبح بامكانك الكتابة باى نوع خط تفضله
وذلك باضافة قاعدة جديدة

@font-face{}

فكرة عمل هذه القاعدة هى استيراد الخطوط داخل ملف الاستايل
ليمكنك بعد ذلك استخدامها وكانك تستخدم الخطوط الافتراضيه كـ Arial, Tahoma ...

كيف نقوم بكتابة هذه القاعده:

@font-face {
font-family: 'GESSTwoLight';
src: url('fonts/GESSTwoLight-Light.eot');
src: local('Vegur'),
local('Vegur-Regular'),
url('fonts/GESSTwoLight-Light.woff') format('woff'),
url('fonts/GESSTwoLight-Light.ttf') format('truetype'),
url('fonts/GESSTwoLight-Light.svg#Vegur-Regular') format('svg');
}

فى السطر الاول font-family تقوم بادخال اسم الخط ويمكنك كتابة اى اسم
فى السطور التاليه ستقوم بادخال مسار الفونت وكما نلاحظ انه موجود باكثر من امتداد
والقصد من ذلك هو ان يتوافق مع اغلب المتصفحات لانه كل متصفح يقرأ امتداد معين للخطوط


كيف يمكنك الحصول على الفونت بهذه المتدادات:
يتم ذلك عن طريق مواقع لتحويل الفونت, يمكنك البحث فى جوجل عن font converter
او الاستعانه بهذا الموقع http://onlinefontconverter.com/myfonts.php
ادخل على My fonts
ثم وافق على الشروط
ثم اختر الفونت الخاص بك وبعدها سيظهر الامتدادات التى ترغب التحويل اليها قم بالضغط على الامتداد الذى تريده
سيظهر اسفلها لينك للفونت بالامتداد الجديد اضغط كليك يمين عليه ثم حفظ باسم





كيف تستخدم الفونت فى صفحتك الخاصه :
بكل بساطه تضيف هذا السطر فى الاستايل الخاص بالجزء الذى تريده ان تكون الكتابة فيه بهذا الفونت

font-family: 'GESSTwoLight';

بالتوفيق :)

[M.ÀbdËlsałam]

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

[M.ÀbdËlsałam]

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

[مـؤمن]

مرحبا اخى ..

لا توجد علاقه بين اى برنامج وهذه القاعدة الجديده, فلا يمكن للفرونت بيج ولا الدريم ويفر ان يضيف تلك القاعدة لموقعك الخاص

بالتوفيق

[عبد العزيز حسن]

تمام يا صديقي ولكنه ليس مدعوم من كل المتصفحات ويمكنك الذهاب الي تلك الصفحه لتري ذلك

CSS3 Reference

تحياتي لك

[maxtop]

درس رائع
كنت افكر بهذا الشيء منذ مدة طويلة
سوف احاول تطبيق هذه الفعالية باقرب فرصة
شكرا جزيلا وفقك الله

[saleemsaleem]

شكرا اخي والله هذه التقنية جدا مهمة نتمنى اكثر منك وبالتوفيق اخي ...

[Final Touch]

يعطيك العافيه استاذي العزيز
سؤالي : هل تعمل هذه الخاصية مع الخطوط العربية بدون مشاكل

شكرا لك

[مـؤمن]

بالطبع تعمل مع الخطوط العربيه

بالتوفيق