[بلوجر] تجميعة لأفضل خطوط الويب لمدونات بلوجر
[بلوجر] تجميعة لأفضل خطوط الويب لمدونات بلوجر
السلام عليكم ورحمة الله وبركاته خطوط الويب من الأمور التي يجب أن يهتم بها كل مبرمج أومصمم قوالب بلوجر أو ووردبريس أو السيكريبتات ... لأنها تلعب دور مهم في جمالية المواقع واليوم أحضرت لكم مجموعة من أفضل خطوط الويب المميزة والرائعة لمدونات بلوجر والتي تستطيعون استعمالها في تصاميم قوالبكم بكل حرية وسهولة, لن أطيل عليكم نبدأ على بركة الله :
★ الخط الأول (NeoSansW23) :
الكود الخاص بالخط :
★ الخط الثاني (NeoSansW23-Light) :@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;
}
الكود الخاص بالخط
@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 , أجمل خطوط الويب , تركيب خطوط بلوجر)
شكراً ^_^
ردحذفالعفو شكرا على المرور :)
حذفالعفو شكرا على مرورك ^_^
ردحذفالسلام عليكم عندي مشكلة في قالب بلوجر وهو أنه لايظهر تلخيص المواضيع وعند تجربة نفس القال على مدونة اخرى يظهر التلخيص
ردحذفرابط المعاية http://tunisia-hacks.blogspot.com/ اسفل المدونة
اتمنى حل للمشكلة
Merci Ayoub
ردحذفالعفو أخي شكرا على مرورك
حذفصراحة خطوط جميلة اشكرك
ردحذفعرب تك شو
العفو اخي
حذفجميل اخي وإنشاء الله التقدم لمدونة برو ايوب
ردحذفان شاء الله شكرا على المرور
حذفكيف ادخلها
ردحذفاضف الكود في css وقم بالتعديل على font-family
حذفالسلام عليكم أخي.. شكرا لمواضيعك الرائعة والمتألقة
ردحذفكان لدي استفسار حول طريقة اضافة هذه الخطوط لمدونة بلوجر وخاصة الخط الأول حيث اني قمت باضافته لكنه لم يعمل فهل هناك طريقة محددة ..
ولك جزيل الشكر
اضف كود الخط في css وغير font-family
حذفأخي قمت باضافة كود الخط في قسم css وتعديل font-family باسم الخط لكنه لم يعمل ..
حذفوانا أسأل هل هذا الخط تدعمه منصة بلوجر ام لا ،،
ارجو افادتي بهذا الموضوع ولك جزيل الشكر
شكرا
ردحذفانا اتابع كل مواضيعك الجديدة شكرا لك وخصوصا على قالب برو ايوب النسخة الخامسة
وانا وضعت تعليق به طلب قالب برو ايوب النسخة الخامسة لا يوجد به اى اعلانات