ط´ط±ط* ط§ط³طھط®ط¯ط§ظ… ط®ط§طµظٹط© font‪-‬face ط§ظ„ط®ط·ظˆط· ط§ظ„ظ…ظ…ظٹط°ظ‡ ظپظٹ ط§ظ„ظ…ظ†طھط¯ظٹط§طھ ط§ظ„ظ…ظˆط²ط¹ظ‡ ط¨ظ€ css


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

اليوم اخوتي اقدم لكم اول شرح طريقة لستخدام الخطوط المميذه font‪-‬face في المنتديات والسكربتات الموزعه بتقنيه ال css

نبدا الشرح طريقة
بسم الله الرحمن الرحيم

خاصية font‪-‬face
مخصصة لوضع الخط الذي تريد إضافته إلى تنسيق المنتدي مثل نوع خط وعنوان الخط. وتكتب قبل تنسيق الفقرة أو العنوان أو النص الذي تريد تنسيقه بشكل عام. تكتب هذه الخاصية كما توضح شفرة CSS التالية:

رمز Code:
@font-face { .. }
انظر هذ هي الخصية مع وضع الخطوط المراد رويتها في صفحات منتادك او صفحات مدوناتك




رمز Code:
@font-face { font-family: 'هنا مسمي الخط'; src: url('fonts/هنا اسم الخط.eot'); src: local('☺'), url('fonts/هنا اسم الخط.ttf') format('truetype'), url('fonts/هنا اسم الخط .svg') format('svg'); font-weight: normal; font-style: normal; }
اولا انت تريد الخطوط واشكلها
من هذا الموقع يوجد به خطوط مجاني freeة
مع اعطاء ملف css
Fonts2u.com free fonts
الان ناتي لططبيق الخط علي صفحات المنتدي
احد الخطوط الرائعه في المرفقات
ندخل علي التحكم بالإستايل styleات > css الرئيسي > تعاريف CSS الإضافية/Additional CSS Definitions

نضف في اول التعريف هذا الكود code

رمز Code:
@font-face {font-family:"GE SS Two Medium";src:url("هنا مجلد الخطوط / الرابط/GE_SS_Two_Medium.eot?&quot format("eot&quot,url("GE_SS_Two_Medium.woff&quot format("woff&quot,url("GE_SS_Two_Medium.ttf&quot format("truetype&quot,url("GE_SS_Two_Medium.svg#GESSTwoMedium-Medium&quot format("svg"font-weight:normal;font-style:normal;}
لاحظ هذا هو مسمي الخط GE SS Two Medium

هذا الذي سوف نستخمدة وكرر مجلد الخطوط والرابط علي 4 ملفات المرفقه تعامل بحساسية

ناتي لاضافه الخط علي المحتوي المراد تغير شكل الخط به مس النف بار والاقسام الرائيسية

مثل من موقعي منتديات الحب

من css الرئيسي

انظر استخدام الخط في الاقسام الرئيسية

رمز Code:
.tcat { background: transparent url('mg/back2.jpg') repeat-x center -1px; color: #A93CA5; font-family: GE SS Two Medium,Tahoma; font-size: 16px; font-weight:bold; text-align: center; }
لحظ الخط المستخدم GE SS Two Medium

وكرر ما شئت من تغير خطوط

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

ملحوظه معظم الخطوط غير مجاني freeة
وذا اردتم شيئ متواجد معكم





التعديل الأخير كان بواسطة essam36; 19 - 02 - 2014 الساعة 02:53

الملفات المرفقة [TR]
ge_ss_two_medium.zip (22.4 كيلوبايت, عدد مرات المشاهدة 101 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©