Siteyi responsive yaparken yazı font ölçüleri nasıl olmalı?

249873

Kilopat
Katılım
17 Şubat 2019
Mesajlar
5.050
Çözümler
20
Responsive konusunda en çok zorlandığım olay fontların ölçüleri stilleri telefon için yeterli mi değil mi? Bu konu da tavsiyeleriniz var mı?

Ekran görüntüsü 2023-08-27 181230.png


1693149246035.png
 
Px yerine RAM veya em kullanın.

RAM kullanıyorum ama ne gibi fark olacak? Sonuçta 18px, öylede 18px :D

Cinsiyet seçimlerini kalın yazıyla yapmasanız daha iyi olur sanki.

Yorum için teşekkürler oranın biraz daha emeğe ihtiyacı var, seçilen kısmın kutu rengini falan da değiştirmeyi düşünüyorum.

Tarih kısmını da gün ay ve yıl olarak ayrı selectler olarak yapacağım. Ama şu an biraz yoruldum ve araştırma yapmam da lazım :D
 
CSS:
html {
 font-size: calc(15px + 0.390625vw);
}
Bu şekilde responsive bir font size verebilirsin.
Kaynak: Responsive Font Size (Optimal Text at Every Breakpoint).

Hocam teşekkür ederim, sorum olacaktı.

Telefon için sanıyorum 16px yeterli geliyor. Ama masaüstü 1920px için sizin kodunuzda ekrana sanki bayağı Zoom atılmış gibi oluyor. Ben şahsen masaüstü sürümü içinde 16px kullanıyorum sizce küçük mü?


Fotoğraflarda fark çok anlaşılmıyor sanırım :D

1693169649091.png


1693169662433.png
 
Hocam teşekkür ederim, sorum olacaktı.

Telefon için sanıyorum 16px yeterli geliyor. Ama masaüstü 1920px için sizin kodunuzda ekrana sanki bayağı Zoom atılmış gibi oluyor. Ben şahsen masaüstü sürümü içinde 16px kullanıyorum sizce küçük mü?


Fotoğraflarda fark çok anlaşılmıyor sanırım :D

Eki Görüntüle 1920401

Eki Görüntüle 1920402
Laptop için küçük değil ama 2K ve 4K da küçük gelebilir.
 
Anladığım kadarıyla Bootstrap kullanıyorsunuz, aksi bir durum olmadıkça yazı karakteri boyutları ile oynamasanız daha iyi olur, Bootstrap bu boyutları özel olarak responsive için en uygun şekilde seçmektedir. Başlıklar için H2-H3-H4 kullanılabilir. Tasarımdaki sorun, yazı karakteri kaynaklı bir sorun, çok ince bir yazı karakteri seçilmiş, kullanıcı için acı verici bir yazı karakteri. Bir tık daha kalın bir yazı karakteri seçebilirsiniz.:D:D:D
 
Anladığım kadarıyla Bootstrap kullanıyorsunuz, aksi bir durum olmadıkça yazı karakteri boyutları ile oynamasanız daha iyi olur, Bootstrap bu boyutları özel olarak responsive için en uygun şekilde seçmektedir. Başlıklar için H2-H3-H4 kullanılabilir. Tasarımdaki sorun, yazı karakteri kaynaklı bir sorun, çok ince bir yazı karakteri seçilmiş, kullanıcı için acı verici bir yazı karakteri. Bir tık daha kalın bir yazı karakteri seçebilirsiniz.:D:D:D

Tailwind yazıyorum hocam. Tüm font büyüklüklerini kendim giriyorum.
 

Technopat Haberler

Yeni konular

Geri
Yukarı