/* ========================================================================= fonts.css — MB Corpo + ikon sriftlerinin @font-face bildirisleri Mercedes-Benz Autostar Azerbaycan · T-209 ========================================================================= MENBE (hamisi olculub, tehmin YOXDUR): analysis/qlobal/css/main.css -> yunan saytinin orijinal @font-face bloklari analysis/fonts.json -> FontFaceSet status + yuklenmis fayllar analysis/design-tokens.json -> typography.families / typography.font_files YUNAN SAYTINDA REAL YUKLENEN 4 AILE (fonts.json -> loadedFamilies status:"loaded"): 1. corpo-s-cyrillic 400/700 -> govde metni (Latin + Kiril) 2. corpo-a 400 -> basliqlar 3. mercedes-benz-cars-middle-east-s -> esas ikon srifti 4. master-v10 -> fallback ikon srifti YUNAN SAYTINDA BILDIRILEN, LAKIN YUKLENMEYEN ("unloaded") — BURADA YOXDUR: corpo-s-text, corpo-a-title-condensed, uknumberplate, Cairo, Tajawal, Montserrat Sebeb: fayllari hec bir elemente tetbiq olunmur; @font-face yazsaq da brauzer onlari yuklemeyecek. Replikasiya qaydasi: yunan saytinda islemeyeni bizde de qurmuruq. (Montserrat.ttf yuklenib, amma ISTIFADESIZDIR — silmek qerari orkestratorundur.) FORMAT SIRASI: woff2 evvel, .ttf fallback. Yunan sayti YALNIZ .ttf verir (main.css @font-face-lerinde format bele). Biz .woff2 elave etmisik (tools/convert-fonts.mjs, -66% olcu) — bu VIZUAL ferq yaratmir, eyni qliflerdir; yalniz yuklenme suretini artirir (CLAUDE.md §1.8). font-display: metn sriftleri -> swap (yunan saytinda da swap) ikon sriftleri -> block (yunan saytinda da block — ikonlarin "flash" etmemesi ucun) QEYD (orkestrator ucun): woff2 fayllari preload edilmelidir, mes. Bu functions.php isidir — bu fayla aid deyil. ========================================================================= */ /* ------------------------------------------------------------------------- 1. corpo-s-cyrillic — GOVDE SRIFTI Menbe: main.css @font-face{font-display:swap;font-family:corpo-s-cyrillic;font-style:normal; font-weight:400;src:url(.../corpo-s-cyrillic/MBCorpoSTextOfcCG-Regular.ttf)} Istifade: body, p, .btn, nav linkleri, footer linkleri, form etiketleri Qlif orteyi (tools/check-glyphs.mjs ile yoxlanildi): AZ tam · RU tam · EL tam ------------------------------------------------------------------------- */ @font-face { font-family: 'corpo-s-cyrillic'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/MBCorpoSTextOfcCG-Regular.woff2') format('woff2'), url('../fonts/MBCorpoSTextOfcCG-Regular.ttf') format('truetype'); } /* Menbe: main.css — eyni aile, weight 700 (MBCorpoSTextOfcCG-Bold.ttf) Istifade: .btn (font-weight:700), footer h4.title, form etiketleri, qalin metn */ @font-face { font-family: 'corpo-s-cyrillic'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/MBCorpoSTextOfcCG-Bold.woff2') format('woff2'), url('../fonts/MBCorpoSTextOfcCG-Bold.ttf') format('truetype'); } /* ------------------------------------------------------------------------- 2. corpo-a — BASLIQ SRIFTI Menbe: main.css @font-face{font-display:swap;font-family:corpo-a;font-style:normal; font-weight:400;src:url(.../mb-corpo-a/MBCorpoATitleCondOfcCG-Regular.ttf)} DIQQET: aile adi "corpo-a"-dir, fayl adi ise "...ATitleCond..."-dur. Yunan saytinda bele qurulub — ad ile fayli qarisdirma. Istifade: h1, h2, .title, .strapline, .sub-title, modal basliqlari Qlif orteyi: AZ tam · RU tam · EL tam ------------------------------------------------------------------------- */ @font-face { font-family: 'corpo-a'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/MBCorpoATitleCondOfcCG-Regular.woff2') format('woff2'), url('../fonts/MBCorpoATitleCondOfcCG-Regular.ttf') format('truetype'); } /* ------------------------------------------------------------------------- 3. mercedes-benz-cars-middle-east-s — ESAS IKON SRIFTI Menbe: main.css @font-face{font-display:block;font-family:mercedes-benz-cars-middle-east-s; font-style:normal;font-weight:400; src:url(.../icons-redesign/mercedes-benz-cars-middle-east.woff) format("woff"), url(.../icons-redesign/mercedes-benz-cars-middle-east.ttf) format("truetype")} Istifade: .icon:before { font-family: mercedes-benz-cars-middle-east-s, master-v10 } avtomobil siluetleri (\c014…\c023), sosial ikonlar, oxlar, telefon 38 qlif. Yunan saytindaki .ttf variantini YUKLEMEMISIK — .woff kifayetdir (butun hedef brauzerler .woff destekleyir). Elave sixma edilmeyib: fayl artiq sixilmis konteynerdedir (10.8 KB). ------------------------------------------------------------------------- */ @font-face { font-family: 'mercedes-benz-cars-middle-east-s'; font-style: normal; font-weight: 400; font-display: block; src: url('../fonts/mercedes-benz-cars-middle-east.woff') format('woff'); } /* ------------------------------------------------------------------------- 4. master-v10 — FALLBACK IKON SRIFTI Menbe: main.css @font-face{font-display:block;font-family:master-v10;font-style:normal; font-weight:400;src:url(.../icons/master-v10-4.woff2)} 177 qlif (icomoon). Esas ikon srifti bir qlifi tapmayanda bu isleyir — mes. mobil menyu oxlari \e073 / \e076, sosial \e06d…\e090. Artiq woff2 formatindadir, toxunulmayib. ------------------------------------------------------------------------- */ @font-face { font-family: 'master-v10'; font-style: normal; font-weight: 400; font-display: block; src: url('../fonts/master-v10-4.woff2') format('woff2'); } /* ------------------------------------------------------------------------- 5. Baza tetbiq — yunan saytindaki :root deyisenleri ile eyni zencir Menbe (olculub, analysis/qlobal/agent-qlobal-cssvars.json): --UI-Brand--Font-Family = "corpo-s-cyrillic",Arial,Verdana,Helvetica,sans-serif --UI-Brand--Font-Face = "corpo-a",Arial,Verdana,Helvetica,sans-serif --UI-Brand--Icon-Font = "mercedes-benz-cars-middle-east-s","master-v10" Faktiki deyerler tokens.css-de (--mb-font-*) saxlanilir; burada yalniz ikon helper-i verilir, cunki o birbasa @font-face-lere baglidir. main.css qaydasi: .icon{font-size:18px} · .icon:before{font-family:...; display:inline-block;font-style:normal;vertical-align:middle;speak:none; line-height:normal} ------------------------------------------------------------------------- */ .mb-icon, .mb-icon::before { display: inline-block; font-style: normal; line-height: normal; vertical-align: middle; speak: none; } .mb-icon { font-size: 18px; /* menbe: main.css .icon{font-size:18px} */ } .mb-icon::before { font-family: 'mercedes-benz-cars-middle-east-s', 'master-v10'; font-variant: normal; font-weight: 400; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }