- إنضم
- 16 أبريل 2024
- المشاركات
- 124
- الموضوع الكاتب
- #1
السلام عليكم و رحمة الله و بركاته
في درس اليوم سنرى كيفية تغيير خط منتديات
الزينفورو الجيل الثاني الى الخط الكوفي
سنستعرض لكم طريقتين لتغيير خط اللمنتدى تابعوا معي
الطريقة الاولى
الخطوة الاولى
ادخل الى لوحة التحكم >> المظهر >> القوالب
ابحث في القوالب عن هذا القالب PAGE_CONTAINER بعدها ابحث عن هذا الكود
في درس اليوم سنرى كيفية تغيير خط منتديات
الزينفورو الجيل الثاني الى الخط الكوفي
سنستعرض لكم طريقتين لتغيير خط اللمنتدى تابعوا معي
الطريقة الاولى
الخطوة الاولى
ادخل الى لوحة التحكم >> المظهر >> القوالب
ابحث في القوالب عن هذا القالب PAGE_CONTAINER بعدها ابحث عن هذا الكود
كود:
<head>ضع اسفل منه هذا الكود
كود:
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>الخطوة الثانية
ادخل الى لوحة التحكم >> المظهر >> القوالب
ابحث عن قالب اسمه core.less بداخل هذا القالب ابحث عن هذا الكود
ادخل الى لوحة التحكم >> المظهر >> القوالب
ابحث عن قالب اسمه core.less بداخل هذا القالب ابحث عن هذا الكود
كود:
font-family: @xf-fontFamilyUi;- استبدله بهذا الكود
كود:
font-family: 'Droid Arabic Kufi',sans-serif;الطريقة الثانية
الخطوة الاولى
ادخل الى لوحة التحكم >> المظهر >> القوالب
ابحث في القوالب عن هذا القالب extra.less
ضع هذا الكود بداخله.
الخطوة الاولى
ادخل الى لوحة التحكم >> المظهر >> القوالب
ابحث في القوالب عن هذا القالب extra.less
ضع هذا الكود بداخله.
كود:
/*
* Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');
}الخطوة الثانية
ادخل الى لوحة التحكم >> المظهر >> القوالب
ابحث عن قالب اسمه core.less بداخل هذا القالب ابحث عن هذا الكود
كود:
font-family: @xf-fontFamilyUi;- استبدله بهذا الكود
كود:
font-family: 'Droid Arabic Kufi',sans-serif;هكذا سيظهر لكم الخط بعد التعديل
هنا تكون نهاية هذا الدرس اتمنى تكونوا استفدتوا منه
طبعا وجب التنبيه ان الدرس مصدره من معهد هيلبرنت
القاكم في دروس اخرى ان شاء الله
التعديل الأخير: