التخطي إلى المحتوى الرئيسي

المشاركات

عرض الرسائل ذات التصنيف خطوط

خطوط جديدة و احترافية جاهزة للاستعمال في المواقع

السلام عليكم و رحمة الله تعالى و براكته  اليوم أحضرت لكم موقع يقدم خطوط عربية مرفوعة و جاهزة للاستعمال مباشرة في المواقع يعني لن تحتاج للتحميل ثم رفع الخطوط على استضافة .. الخ , ماعليك فقط هو الدخول الى الموقع الذي يقدم الخدمة : http://www.devnia.com/fonts/ ستجد واجهة بها خطوط متنوعة ماعليك الا البحث عن الخط الذي يعجبك ثم الضغط على " استخدام " و سيضهر لك كود الخط ما عليك الى وضعه تحت    <head> بعد ذالك تقوم بتغيير الخط الموجود في مدونتك باسم الخط الذي تريده , أنصحك بمشاهدة هذا الدرس للمزيد من الخطوط و طريقة تغيير الخطوط     http://www.dzprofessionale.com/2014/04/Change-fonts-in-Blogger-Blogs-lines-to-beautiful-and-professional.html

كل ما يخص ال Font_icon - Font_Awesome

ماهو ال font icon هو عبارة عن خط هذا الخط ليس مثل الخطوط الأخرى حيث هذا الخط به أيقونات هذه الأيقونات تستعمل في تصميم المواقع , ما يميزها عن الأيقونات الطريقة العادية لاضافة أيقونات في الموقع هي أنها سريعة التحميل , تستطيع التخصيص عليها الى أبعد الحدود من الحجم الى الألوان و كذالك لديك الاف الأيقونات لاستعمالها دون الحاجة للبحث عن الأيقونات ببساطة ال font icon تمكنك من التخصيص على الأيقونات مثل التخصيص على النصوص , و هي الان في طريق الشهرة و أصبحت أكثر استعمالا من الطريقة العادية لاضافة أيقونات للمواقع .  هناك العديد من المكتبات التي تقدم لك أيقونات " الفونت أيكون " من بينها و التي أستعملها شخصيا هي مكتبة ال font_awsome هذه المكتبة تحتوي على أكثر من 439 أيقونة عالية الجودة .  طريقة استعمال هذه التقنية . 

تغيير الخطوط في مدونات بلوجر الى خطوط جميلة واحترافية

السلام عليكم  ان الخطوط و نوعها شيئ مهم جدا في جمالية و احترافية موقعك أو مدونتك و هناك العديد من أنواع الخطوط العربية التي قد تكون بحاجة اليها لتمييز موقعك عن المواقع الأخرى لدالك اليوم سأريك كيف تقوم بتغيير خطوط مدونتك مع خطوط بلوجر جديدة  تغيير الخطوط في مدونات بلوجر الى خطوط جميلة واحترافية  الخط الأول هو الدي اسمه GESSTOW_Light و شكله مثل الصورة التالية  و لاضافته لمدونتك يجب أن تضيف كود ليستطيع المتصفح أن يتعرف عليه لدالك ستبحث عن و تضيف فوقه @font-face { font-family: 'GESSTOW_Light'; src: url('https://3rab-help.googlecode.com/files/GE_SS_Two_Light.eot'); src: url('https://3rab-help.googlecode.com/files/GE_SS_Two_Light.eot?#iefix') format('embedded-opentype'), url('https://3rab-help.googlecode.com/files/GE_SS_Two_Light.woff') format('woff'), url('https://3rab-help.googlecode.com/files/GE_SS_Two_Light.otf') format('truetype'); font-weight: normal; font-style: normal; } الخط الثاني...