Sitede css sorunu var mı bakar mısınız?

Bugün, 02:23:30

#1

mutahas

deltabilisimguvenlik.com

Teşekkürler

Bugün, 02:25:56

#2

jonuisw

Gözükmüyor

Bugün, 02:26:43

#3

YGZ

Platin üye

Header'da menü yazıları sanki biraz küçük kalmış gibi. Diğer yazılara oranla.

Bugün, 02:38:48

#4

Alpdagtas

f12 konsolu açtığımda networke

[...document.styleSheets].map(x => x.href).filter(Boolean) yazdım

/app-assets/index-BgDLaEOj.css de

Siteyi kontrol ettim hocam. CSS tek bundle üzerinden geliyor: /app-assets/index-BgDLaEOj.css. Font tarafında Outfit Variable 100–900 weight olarak tanımlı ve tarayıcıda başarıyla yükleniyor. Ayrıca IBM Plex Mono tanımı var. Dolayısıyla direkt “font dosyası yüklenmiyor” problemi gibi görünmüyor; daha çok ilgili elementlerdeki font-family/font-weight tanımlarını kontrol etmek gerekiyor.

menüyü büyütmek istiyorsan

document.querySelectorAll('nav a, header a').forEach(e => {
    e.style.fontSize = '18px';
    e.style.fontWeight = '600';
});

/app-assets/index-BgDLaEOj.css

font-size: 18px; 
font-weight: 600;

Bugün, 02:38:58

#5

Mehmetmasa

Sayfa geçişlerinde loader yok önce text sonra css yüklenirken görüntü çok rahatsız etti sayfa birkaç kere yenileniyor hissi verdi.

Bugün, 02:43:59

#6

Alpdagtas

ek olarak
atığım kodu en altına yapıştır bu css düzelsin tüm sayfa

/app-assets/index-BgDLaEOj.css

const style = document.createElement('style');

style.id = 'delta-font-fix';

style.textContent = `
:root {
    --fs-base: 17px;
}

html, body {
    font-family: "Outfit Variable", "Outfit", Arial, sans-serif !important;
    font-size: 16px !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Genel metin */
p {
    font-size: 17px !important;
    line-height: 1.6 !important;
}

/* Menü */
header nav a,
header nav button,
nav a,
nav button {
    font-size: 17px !important;
    font-weight: 500 !important;
}

/* Ana başlıklar */
h1 {
    font-size: clamp(54px, 4.5vw, 78px) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.035em !important;
}

h2 {
    font-size: clamp(32px, 2.5vw, 44px) !important;
    line-height: 1.12 !important;
}

h3 {
    font-size: clamp(23px, 1.7vw, 30px) !important;
    line-height: 1.2 !important;
}

h4 {
    font-size: 20px !important;
    line-height: 1.3 !important;
}

/* Linkler ve butonlar */
a,
button,
input,
select,
textarea {
    font-family: "Outfit Variable", "Outfit", Arial, sans-serif !important;
}

button {
    font-size: 17px !important;
}

/* Çok küçük yazıları biraz toparla */
small {
    font-size: 14px !important;
}

/* Tablet */
@media (max-width: 1024px) {
    h1 {
        font-size: clamp(46px, 7vw, 64px) !important;
    }

    p {
        font-size: 16px !important;
    }
}

/* Mobil */
@media (max-width: 768px) {
    h1 {
        font-size: clamp(38px, 10vw, 52px) !important;
    }

    h2 {
        font-size: clamp(28px, 8vw, 36px) !important;
    }

    h3 {
        font-size: 22px !important;
    }

    p {
        font-size: 16px !important;
    }

    header nav a,
    nav a,
    button {
        font-size: 15px !important;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: clamp(34px, 10vw, 44px) !important;
    }

    h2 {
        font-size: 28px !important;
    }
}
`;

document.getElementById('delta-font-fix')?.remove();
document.head.appendChild(style);

console.log('Delta responsive font düzenlemesi uygulandı.');

Bugün, 06:47:40

#7

mutahas

YGZ adlı üyeden alıntı: mesajı görüntüle