استخدم اي خط يعجبك في CSS

كثيرا ما نستخدم خط جميل جدا في الفوتوشوب ونتمني لو ان يكون هذا الخط متوفرا في المتصفحات لكي نستطيع ان نكتب به روابط ولينكات وعناوين
هناك خاصية ولكنها تعمل مع النصوص باللغات اللاتينية فقط اسمها cufon ولكنها لا تدعم الخط العربي
الان بعد هذا الدرس يمكنك استخدام اي خط تريد
في البداية لتوضيح الفكرة
ادخل الي الموقع
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
ستري بالاعلي القائمة مكتوبة بخط GESS UNQUE BOLD وهو خط رسومي حديث يستخدمة معظم المصممين وكما تلاحظون فانه مستخدم في القائمة كخط كتابة اي ان القائمة ليست صور بل نصوص
الطريقة سهلة للغاية
اولا عليك عند رغبتك في استخدام خط معين ان تحصل علي ملف الخط المطلوب وتقوم برفعه الي موقعك بجانب ملف الاستايل CSS
اولا سنقوم بتحميل اي خط يكون امتداده otf وموقع font2u
Fonts2u.com free fonts
يوفر هذا الامتداد وبه خطوط عربية حديثة

بعدها سنقوم عمل ملف سي اس اس جديد وليكن باسم style.css
وبداخله نكتب الاتي

اقتباس :

@font-face{
font-family:'Devnia';
src: url('GESSUniqueBold.otf')
}

font-family هو اسم نوع الخط الذي سنستخدمه في الملف مع اي عنوان ويمكن ان نقوم بكتابه اي اسم
src: url('GESSUniqueBold.otf
وهو اسم ملف الخط الذي قمنا برفعه علي موقعنا بجانب ملف الاستايل ويجب ان يكون بنفس الاسم الذي رفعناه به وان يكون الامتداد نفس الامتداد الموجود

ثم نقوم باستخدام نوع الخط الذي قمنا بانشائه بكتابة الاسم الذي اخترناه له وسيظهر الاسم بنوع الخط الموجود

مرفق ملف يحتوي علي الصفحة وملف الخط وملف الاستايل لتجربة علي الواقع
الخاصية تعمل علي فايرفوكس اكسبلور 8 و9 اوبرا وكروم