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

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

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

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


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

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

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



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

الملفات المرفقة [TR]
http://www.traidnt.net/vb/images/attach/zip.gif Font.zip (13.3 كيلوبايت, عدد مرات المشاهدة 306 مرة) [/TR]


https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©