السلام عليكم ورحمة الله وبركتة
اليوم اخوتي اقدم لكم اول شرح طريقة لستخدام الخطوط المميذه 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?") format("eot"),url("GE_SS_Two_Medium.woff") format("woff"),url("GE_SS_Two_Medium.ttf") format("truetype"),url("GE_SS_Two_Medium.svg#GESST woMedium-Medium") 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ة
وذا اردتم شيئ متواجد معكم
