Optik boyut eksenli değişken fontlar
Dizildikleri boyuta göre kendini yeniden çizen değişken aileler: küçükken daha sağlam ve gevşek, büyükken daha ince ve sıkı.
Small print, big type
Madeni dizgide her boyut ayrı ayrı oyulur, harf oymacıları tasarımı ilerledikçe ayarlardı. Küçük boyutlar sayfada ayakta kalsın diye daha geniş, daha sağlam ve aralıkları daha gevşek yapılırdı; büyük boyutlar ise daha ince kıllar ve daha sıkı oturumla rafine edilirdi. Tek bir çizgi hattı her boyuta ölçeklenmeye başlayınca dijital fontlar bunu yitirdi. Optik boyut ekseni, opsz etiketiyle, bunu geri getirir.
Bu eksene sahip bir fontta değer normalde punto boyutuna karşılık gelir. Düşük değerde harflerin x-yüksekliği daha büyük, ince çizgileri daha kalın ve aralarındaki boşluk daha geniştir. Yüksek değerde kontrast keskinleşir, ayrıntılar incelir. Pratik sonuç şudur: tek bir aile hem metin hem display yazı tipi olarak çalışabilir ve bir alt yazı ağır görünmeden okunaklı kalır.
Tarayıcılar ekseni otomatik uygular: font-optical-sizing varsayılan olarak auto’dur, yani bu eksene sahip bir font fazladan kod yazmadan font boyutuna uyum sağlar. Bunu elle de ayarlayabilir, display tasarımını bilerek küçük ya da metin tasarımını büyük kullanabilirsiniz. Aralıklar ailelere göre çok değişir: birkaç punto genişliğinde yalnızca metne yönelik bir ayardan bin puntoyu aşan bir açıklığa kadar. Notlar her birini kayıtlarda geçtiği gibi verir.
-
Inter
14’ten 32’ye optik boyut, küçük etiketler ve daha büyük başlıklar için bir ekran sans’ını ayarlar; yanında italikli dokuz ağırlık var.
-
DM Sans
Düşük kontrastlı bir geometrik sans üzerinde 9’dan 40’a optik boyut.
-
Merriweather
Optik boyutu 18’den 144’e uzanan, ağırlık ve genişlik eksenli bir metin serifi.
-
Bricolage Grotesque
12’den 96’ya optik boyut; küçük uçta abartılmış mürekkep tuzakları ve yanında ağırlık ile genişlik.
-
Nunito Sans
Ağırlık, genişlik ve küçük harf yüksekliğiyle birlikte dört eksen arasında küçük boyutlu bir optik aralık, 6’dan 12’ye.
-
Source Serif 4
Optical size from 8 to 60 in a transitional serif, with eight weights and italics.
-
Newsreader
An optical size axis from 6 to 72, with weights from 200 to 800.
-
Literata
A reading serif with optical size from 7 to 72, eight weights and italics.
-
Playfair
The widest optical range here, 5 to 1200, in a serif that also varies in weight and width.
-
Fraunces
Optical size from 9 to 144 beside weight, Softness and Wonky axes.
-
Bodoni Moda
A high-contrast serif whose optical size runs from 6 to 96.
-
Roboto Serif
Optical size from 8 to 144 among four axes, with weight, width and grade, and 18 named styles.
-
Roboto Flex
Optical size from 8 to 144 is one of 13 axes in a single file.
-
Pathway Extreme
Optical size from 8 to 144 in a grotesque sans, beside weight and width axes.
-
TikTok Sans
Optical size from 12 to 36 with weight, width and slant, four axes in a single file.
-
Hedvig Letters Serif
A single-weight brand serif whose only axis is optical size, from 12 to 24.
Örnekler her ailenin temel Latin alt kümesini yükler. Buradaki her aile açık lisans taşır; sayfası koşulları belirtir ve özgün dosyaları sunar.
Optik boyut eksenli değişken fontlar hakkında sorular
Optik boyut bir fontta neyi değiştirir?
Çizgi kontrastını, aralığı, x-yüksekliğini ve ince ayrıntıları. Küçük optik boyutlar daha sağlam ve açıktır; büyükler daha keskin ve daha sıkı oturur.
Optik boyutlandırmayı kullanmak için CSS yazmam gerekir mi?
Genellikle hayır. Tarayıcılar ekseni font boyutuna otomatik olarak uydurur. Geçersiz kılmak için font-variation-settings: “opsz” yazıp fontun aralığı içinde bir değer verin.
Hangisi daha iyi: optik boyut ekseni mi, ayrı metin ve display fontları mı?
İkisi de aynı işi görür. Eksen daha kullanışlıdır, aradaki boyutları da kapsar ve tek dosya yeter.