Akışkan Tipografi Kıskaç

İki görüntüleme alanı genişliği arasında doğrusal bir CSS yazı tipi ölçeği oluşturun.

Giriş değerleri

CSS sınırlama ifadesi

—

Oluşturulan CSS bir başlangıç değeridir. Uygun yerlerde göreceli metin birimlerini tercih edin ve yakınlaştırmayı, metin ölçeklendirmeyi ve taşmayı test edin.

Formül

m = 100(f₁−f₀)/(v₁−v₀) ve b = f₀−mv₀/100 kullanın. Akışkan boyut clamp(f₀, b + m×vw, f₁)'dur; f yazı tipi boyutlarını, v ise görüntü alanı genişliklerini belirtir.

İki görüntüleme alanı genişliği arasında doğrusal bir CSS yazı tipi ölçeği oluşturun.

Örnek uygulama

Minimum yazı tipi boyutu (piksel): 16
Maksimum yazı tipi boyutu (px): 24
Minimum görüntü alanı genişliği (px): 400
Maksimum görüntü alanı genişliği (px): 1200

CSS sınırlama ifadesi: clamp(16px, calc(12px + 1vw), 24px)
Görüntü alanı katsayısı: 1 vw
Piksel kesişimi: 12 px

Kapsam ve sınırlamalar

Oluşturulan CSS bir başlangıç değeridir. Uygun yerlerde göreceli metin birimlerini tercih edin ve yakınlaştırmayı, metin ölçeklendirmeyi ve taşmayı test edin.

Girişler eksik değerler ve izin verilen aralıklar açısından kontrol edilir. Sonlu sayısal aralığın dışında bir sonuç görüntülenmez. Yuvarlama, hesaplama modelin sayısal hassasiyetini kullanırken, görüntülemeyi etkiler.

Bir sonuca güvenmeden önce birimlerinizi ve varsayımlarınızı kontrol edin. Bir etiketi değiştirmek, para birimini veya fiziksel birimi dönüştürmez.

Formül sürümü: 174bffea8b3a · Örnek kontrol edildi: 2026-10-30

Metodoloji