/* ۱. فراخوانی فونت Playfair Display */
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400 800; /* پشتیبانی از وزن‌های مختلف */
    /* چون فایل css داخل پوشه css است، با ../ یک پوشه به عقب برمی‌گردیم و وارد پوشه fonts می‌شویم */
    src: url('../fonts/playfair-display.woff2') format('woff2');
}

/* ۲. فراخوانی فونت Source Sans 3 */
@font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 300 700;
    src: url('../fonts/source-sans-3.woff2') format('woff2');
}

/* ۳. فراخوانی آیکون‌های متریال */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    src: url('../fonts/material-symbols.woff2') format('woff2');
}

/* ۴. کلاس ضروری برای نمایش صحیح آیکون‌ها */
/* این کد به مرورگر می‌فهماند که وقتی از این کلاس استفاده کردیم، باید از فونتِ آیکون استفاده کند */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}