-->

الجمعة، 22 أغسطس 2014

100 100 100

[بلوجر] تجميعة لأفضل خطوط الويب لمدونات بلوجر

[بلوجر] تجميعة لأفضل خطوط الويب لمدونات بلوجر

السلام عليكم ورحمة الله وبركاته خطوط الويب من الأمور التي يجب أن يهتم بها كل مبرمج أومصمم قوالب بلوجر أو ووردبريس أو السيكريبتات ... لأنها تلعب دور مهم في جمالية المواقع واليوم أحضرت لكم مجموعة من أفضل خطوط الويب المميزة والرائعة لمدونات بلوجر والتي تستطيعون استعمالها في تصاميم قوالبكم بكل حرية وسهولة, لن أطيل عليكم نبدأ على بركة الله :

★ الخط الأول (NeoSansW23) :
الكود الخاص بالخط :
@font-face {
font-family: 'NeoSansW23';
src: url('http://www.ng4a.com/wp-content/themes/ng4a/fonts/ng4asans-medium/ng4asans-medium.eot');
src: url('http://www.ng4a.com/wp-content/themes/ng4a/fonts/ng4asans-medium/ng4asans-medium.eot?#iefix') format('embedded-opentype'),
url('http://www.ng4a.com/wp-content/themes/ng4a/fonts/ng4asans-medium/ng4asans-medium.woff') format('woff'),
url('http://www.ng4a.com/wp-content/themes/ng4a/fonts/ng4asans-medium/ng4asans-medium.ttf') format('truetype'),
url('http://www.ng4a.com/wp-content/themes/ng4a/fonts/ng4asans-medium/ng4asans-medium.svg#ng4asans-medium') format('svg');
font-weight: normal;
font-style: normal;
}
★ الخط الثاني (NeoSansW23-Light) :
الكود الخاص بالخط
@font-face {
font-family: 'NeoSansW23-Light';
src: url('http://www.ng4a.com/wp-content/themes/ng4a/fonts/NeoSansW23-light/eccf498f40f4409aa2f90ea06324c255.eot');
src: url('http://www.ng4a.com/wp-content/themes/ng4a/fonts/NeoSansW23-light/eccf498f40f4409aa2f90ea06324c255.eot?#iefix') format('embedded-opentype'),
url('http://www.ng4a.com/wp-content/themes/ng4a/fonts/NeoSansW23-light/eccf498f40f4409aa2f90ea06324c255.woff') format('woff'),
url('http://www.ng4a.com/wp-content/themes/ng4a/fonts/NeoSansW23-light/eccf498f40f4409aa2f90ea06324c255.ttf') format('truetype'),
url('http://www.ng4a.com/wp-content/themes/ng4a/fonts/NeoSansW23-light/eccf498f40f4409aa2f90ea06324c255.svg#eccf498f40f4409aa2f90ea06324c255') format('svg');
font-weight: normal;
font-style: normal;
}
★ الخط الثالث (GTMR) :
الكود الخاص بالخط :
@font-face {
font-family: 'GTMR';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype'); }
★ الخط الرابع (Droid Arabic Kufi) :
الكود الخاص بالخط :
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 400;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.ttf) format('truetype');
}

★ الخط الخامس (insan) :
الكود الخاص بالخط :
@font-face {
font-family: "insan";
src: url('https://colorsstore.com/fonts/708871f8-768c-4f13-9371-1684fb16711f.eot');
src: local("☺"), url('https://colorsstore.com/fonts/708871f8-768c-4f13-9371-1684fb16711f.eot?#iefix') format('embedded-opentype'), url('https://colorsstore.com/fonts/708871f8-768c-4f13-9371-1684fb16711f.woff');
font-weight: normal;
}
★ الخط السادس (ge_dinar) :
الكود الخاص بالخط :
@font-face {
font-family: "ge_dinar";
src: url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.eot');
src: local("☺"),
url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.eot?#iefix') format('embedded-opentype'),
url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.otf') format('opentype');
font-weight: normal;
}
★ الخط السابع (asad) :
الكود الخاص بالخط :
@font-face {
font-family: "asad";
src: url('https://colorsstore.com/fonts/0ab2eaf2-c728-4d1b-ae19-53aa13d5a213.eot');
src: local("☺"), url('https://colorsstore.com/fonts/0ab2eaf2-c728-4d1b-ae19-53aa13d5a213.eot?#iefix') format('embedded-opentype'), url('https://colorsstore.com/fonts/0ab2eaf2-c728-4d1b-ae19-53aa13d5a213.woff');
font-weight: normal;
}
★ الخط الثامن (GESSTOW_Medium) :
الكود الخاص بالخط :
@font-face {
    font-family: 'GESSTOW_Medium';
    src: url('fonts/GE_SS_Two_Medium/GE_SS_Two_Medium.eot');
 src: local('?'), url('fonts/GE_SS_Two_Medium/GE_SS_Two_Medium/GE_SS_Two_Medium.woff') format('woff'),
 url('fonts/GE_SS_Two_Medium/GE_SS_Two_Medium.ttf') format('truetype'),
 url('fonts/GE_SS_Two_Medium/GE_SS_Two_Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
★ الخط التاسع (My) :
الكود الخاص بالخط :
@font-face {
    font-family: "My";
        src: url("fonts/GE_SS_TV_Bold/GE_SS_TV_Bold.eot");
        src: url("fonts/GE_SS_TV_Bold/GE_SS_TV_Bold.eot?") format("eot"),
             url("fonts/GE_SS_TV_Bold/GE_SS_TV_Bold.otf") format("opentype"),
             url("fonts/GE_SS_TV_Bold/GE_SS_TV_Bold.ttf") format("truetype");
}
★ الخط العاشر (puertoHelve) :
الكود الخاص بالخط :
@font-face {
    font-family: "puertoHelve";
        src: url("http://puertokhalid.com/css/styles/fonts/HelveticaNeueW23-Reg/HelveticaNeueW23-Reg.eot");
        src: url("http://puertokhalid.com/css/styles/fonts/HelveticaNeueW23-Reg/HelveticaNeueW23-Reg.eot?") format("eot"),
             url("http://puertokhalid.com/css/styles/fonts/HelveticaNeueW23-Reg/HelveticaNeueW23-Reg.ttf") format("truetype");
}

إلى هنا إنتهى موضوعنا انتظرونا في مواضيع شيقة أخرى ولا تنسو دعمنا 
مواضيع مفيدة :
(خطوط الويب , خطوط المدونات , بلوجر 2014 , أجمل خطوط الويب , تركيب خطوط بلوجر)
تم النشر في :
  1. العفو شكرا على مرورك ^_^

    ردحذف
  2. السلام عليكم عندي مشكلة في قالب بلوجر وهو أنه لايظهر تلخيص المواضيع وعند تجربة نفس القال على مدونة اخرى يظهر التلخيص

    رابط المعاية http://tunisia-hacks.blogspot.com/ اسفل المدونة

    اتمنى حل للمشكلة

    ردحذف
  3. جميل اخي وإنشاء الله التقدم لمدونة برو ايوب

    ردحذف
  4. الردود
    1. اضف الكود في css وقم بالتعديل على font-family

      حذف
  5. السلام عليكم أخي.. شكرا لمواضيعك الرائعة والمتألقة

    كان لدي استفسار حول طريقة اضافة هذه الخطوط لمدونة بلوجر وخاصة الخط الأول حيث اني قمت باضافته لكنه لم يعمل فهل هناك طريقة محددة ..

    ولك جزيل الشكر

    ردحذف
    الردود
    1. اضف كود الخط في css وغير font-family

      حذف
    2. أخي قمت باضافة كود الخط في قسم css وتعديل font-family باسم الخط لكنه لم يعمل ..

      وانا أسأل هل هذا الخط تدعمه منصة بلوجر ام لا ،،

      ارجو افادتي بهذا الموضوع ولك جزيل الشكر

      حذف
  6. شكرا
    انا اتابع كل مواضيعك الجديدة شكرا لك وخصوصا على قالب برو ايوب النسخة الخامسة
    وانا وضعت تعليق به طلب قالب برو ايوب النسخة الخامسة لا يوجد به اى اعلانات

    ردحذف

يسرنا أن تعلق وتشاركنا برأيك وأفكارك لكننا لا نقبل بأي تعليق يمس الشريعة الإسلامية أو يشخصية ما , بالنسبة لمن يرغب في وضع كود في التعليق فلا بدة من تحويله عبر أداة تحويل الأكواد , وإذا كنت تريد إضافة ابتسامة في تعليقك فما عليك سوى تمرير الماوس عليها لكي يظهر الكود الخاص بها وشكرا
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r