شرح اضافة خطوط google font لـمنتدى

  • بادئ الموضوع بادئ الموضوع codeNET
  • تاريخ البدء تاريخ البدء
تذهب الى لوحة تحكم المنتدى >> المظهر >> القوالب >> تبحث عن قالب PAGE_CONTAINER
تضيف هذا الكود قبل <head>
كود:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
ثم تذهب الى قالب extra.less , تضيف هذا الكود في بداية القالب .

CSS:
// تعيين خط لجميع النصوص الأساسية
body, p, li, div, span, a, .bbWrapper, .message-cell, .block-desc, .node-description, .contentRow-snippet, .pairs, .u-muted, .input, .button, .fr-element, .menu-linkRow, .block-footer-counter, .tooltip-content, .menu-content {
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    
}

// تعيين خط للعناوين الرئيسية فقط
.node-title, .block-header, .p-title-value, .block-minorHeader, .memberHeader-name, .tabs-tab.is-active, .p-navEl .p-navEl-link, .category-title, .block-tabHeader .tabs-tab, .overlay-title, .menu-header, .menu-tabHeader, .button--primary, .button--cta, .p-navgroup-link--user .username, .userTitle, .message-name a, .contentRow-title, .structItem-title a {
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    
    font-weight: bold;
}


للبحث عن خطوط اكثر يمكنك استخدام google font


حقوق النشر : كود نت
 
صديقي العزيز استخدم هذا الشرح @masrysat.com
 
إضافة أيقونات Font Awesome إلى مجموعات الأعضاء شروحات - Explanations · codeNET ·
عودة
أعلى أسفل