Yazı tipinin boyutu tam olarak ne demektir?

Özel görüntülere çevirmeye çalıştığım bir 40 piksel fontum var. Resmin boyutunu tam olarak eşleştirmeye çalışıyorum, ancak tam olarak doğru boyutu elde etmekte bazı sorunlar yaşıyorum. Temel olarak, bunun nedeni budur. Bir font X piksel olduğunu söylediğinde, bunun fiziksel olarak anlamı nedir?

Bu oldukça tatmin edici bir cevabı olan mükemmel bir sorudur.

Piksel, nokta (1/72 ") veya milimetre cinsinden belirtilmiş olsun, türün boyutu, genellikle en uzun yükselticiden en alçalıcıya kadar olan mesafeden biraz daha büyük olan görünmez bir kutunun bir em karesinin yüksekliğidir.

Verilen bu biraz keyfi bir ölçüdür ki

• yazı tipinin tam teknik tasarımına bağlıdır.
• basılı veya rasterleştirilmiş bir numuneden kesin olarak ölçülemez

bir yaklaşım dışında, çok anlamlı veya kullanışlı değildir.

Sizin durumunuzda Photoshop'ta tarayıcının görüntülemesini denemeyle eşleştirmek için hangi boyutu belirtmeniz gerektiğini öğrenin. Bunu herhangi bir font için sabit bir oran olarak bulmalısınız, ancak tarayıcıyı veya işletim sistemini değiştirirseniz bunun olmasını beklemem.

ASCII Zamanı! Aşağıdaki iki kutuyu 1900'den sonraki kurşun tip parçaları gibi yapın. O zamanlar yazı tipleri kurşun dökülüp (ya da tahtaya yönlendirilmiş) dökülmüştü. Baskı kilitlenecek tipte katı bloklara bağlanmaları gerekiyordu. Bu, türün (nokta cinsinden) boyutunun nereden geldiğidir:

+--------------+  +-------------+  <----+
|              |  |             |       |
|      XX      |  |             |       |
|     X  X     |  |             |       |
|    XX  XX    |  |             |       |
|    XX  XX    |  |     X       |
|    XXXXXX    |  |    X X      |   Point size of the type
|   XX    XX   |  |    XXX      |
|   XX    XX   |  |   X   X     |       |
|  XX      XX  |  |   X   X     |       |
|  XX      XX  |  |             |       |
|              |  |             |       |
+--------------+  +-------------+  <----+

Yukarıdaki iki harfin farklı boyutlarda olduğuna dikkat edin, ancak sınırlayıcı kutuları aynıdır. Dolayısıyla, noktalar açısından, bu yazı tiplerinin her ikisi de aynı boyuttadır.

Bugünlerde kurşun ve ahşabın pek bir türünü yapmıyoruz ve çoğu dijital. Ancak, nokta boyutlandırma kavramı, türün yerleştirildiği her harf için aynı yükseklikte bir sanal kutu bulunduğundan hala mevcuttur. Yine, harf formlarının fiziksel ölçümlerinden ziyade punto boyutunu tanımlayan bu sanal kutu. Harf biçimlerinin gerçek boyutu genellikle nokta boyutundan daha küçüktür (ancak aynı zamanda daha büyük olabilir).

Piksel cinsinden ölçüm yapmak bu nedenle işe yaramaz, ancak CSS ve benzeri formatlarda piksel cinsinden 'ayarlayabilirsiniz'. Tarayıcı, bildirilen px boyutu arasında olabildiğince iyi bir çeviri yapar. Ancak bu her zaman bulanık bir tahmindir.

Sonuçta, iki yazı karakterinin tam olarak aynı boyuta görsel olarak bakma ve aynı boyutta olduğunu görene kadar her birinin boyutunu değiştirme biçiminde yazı biçimi elde etmenin kesin bir yolu yoktur.

Bir fontun "font boyutu", fontun mutlaka fonttaki belirli karakterlerin yüksekliği ile aynı olması gerekmeyen "em height" anlamına gelir.

Genellikle bir fontun em yüksekliği aynı temel fikre bağlıdır - kabaca en düşük inişten (mektubun altı gibi g) en yüksek yükselene (mektubun üstü gibi) olan mesafeye ayarlanır h:

Gördüğünüz gibi, tek tek harflerin hiçbiri bu sürenin tamamını kapsamıyor.

Dijital yazı tipleriyle, bir yazı tipinin "em yüksekliği" yazı tipi tasarımcısı tarafından yapılan bir seçenektir ve bu sözleşmeye hiç uyması gerekmez: bir dijital tür tasarımcı, boyutlarına göre herhangi bir temeli seçebilir. Bununla birlikte, yazı tipleri hala en azından kabaca yukarıda açıklanan kongre türüne bağlı kalma eğilimindedir. Tipin metal bloklardan oluştuğu eski günlerde "em yüksekliği", yalnızca bu yazı tipindeki herhangi bir karakter için değil, aynı zamanda herhangi bir yükseliş, iniş ve aksan için de yeterince yüksek olması gereken bloklardan birinin yüksekliğiydi.

Şimdi, birçok modern yazı tipi de büyük harflere (örneğin Ć) büyük harflere vurgular içeriyor - bu vurgular geleneksel tipografik yükselişin dışına taşıyor ve bu nedenle bunlar (ve muhtemelen diğer özel karakterler) "em" in dışına çıkıyor. Tarihsel nedenlerden dolayı, em boyutunu buna izin verecek şekilde ayarlamıyoruz, em boyutunu koruyoruz ve sadece bunların uzamasını sağlıyoruz - böyle aksanları kullanan her tipografın, genellikle, Gövde metninde çizgi boşluğu yeterli.

Hat boşluk yani "yazı tipi boyutu" Bu hat boşluğu ölçümü içermez - gövde metninde metin bir satır descender ve altındaki satırın ascender arasında kalan bir boşluktur. Bu CSS alanına etkilenebilir line-height,1.4satır boşluğunun em yüksekliğinin 0,4 katı olduğu ve bu nedenle tüm bir gövde metni satırı, satır boşluğu dahil olmak üzere em yüksekliğinin 1,4 katı alacağı anlamına gelir. Diğer uygulamalarda, satır aralığı farklı şekilde belirtilebilir: kelime işlemciler genellikle "tek" satır aralığının bir katı olarak ifade eder, ancak CSS'den farklı olarak, genellikle "tek" aralık, satır aralığı anlamına gelmez, ancak bazı "varsayılan" satır anlamına gelir gap, uygulamanın font dosyasındaki meta verilere dayanan bir varsayılanı bulmaya çalıştığı yerde. Yazı tipinde metrikleri belirtmek için birden fazla standart vardır (örneğin, Truetype'ta, farklı Mac ve Windows / OS2 standartları vardır), böylece varsayılan satır aralığı uygulamalar ve işletim sistemleri arasında değişebilir.

Şimdi, bir tasarımcı bile yok onların em yükseklik için tahmin edilebilir bir kuralı uygulayın, bu yine de size büyük harflerle boyutunu (cap-yükseklik) veya söylemek bir boyutunu söylemez obunlar değişebilir olarak (x-yükseklik veya orta hatta) yükselen yüksekliğe göre yazı tipleri arasında serbestçe. Bir font ailesinde, bunlar genellikle tutarlı olur. Bu yüzden, örneğin, Times New Roman Bold ve Times New Roman Regular aynı em bedenleri için aynı karakter boyutlarına sahip olacaklar; bunlar yükseliş, iniş, uç yüksekliği ve x yüksekliği içermelidir.

Dikey çubuk karakterini ('|') yazmaya çalışın ve bunu ölçün. Durumunuzu doğru bir şekilde kopyaladıysam ve antialiasinginiz çok fazla bulanıklaşmıyorsa, 22px olmalıdır.

22px, tip bloğunun yüksekliğini gösterir. Ancak her karakter bloğu farklı şekilde doldurur. Bir 'g' veya 'q', bu 22px'in alt bölgesini işgal ederken, büyük harfler ve 'b' veya 'd' gibi küçük harfler üst kısımları işgal edecektir. '|' Sadece (değilse biridir tamamen 22px boşluğu doldurmak tek) karakteri.

CSS ayarlarınızla nasıl kıyaslanacağını bilmiyorum ama bu Photoshop'un metin yüksekliğini nasıl yorumladığını açıklıyor.

Yazı tipinin piksel olarak ölçüldüğünden emin misin? Zaman fontlarının çoğu noktalarla ölçülür. Bir nokta, inç'in 1 / 72'sidir. Yani 40 punto yazı tipi 40/72 "veya 5/9" yüksekliğindedir. Toplayıcı, uzun harflerin üzerinde yükselenlerin tepesinden tabanca çizgisinin altına asılan harflerin üzerine gelenlerin dibine boyutudur. Bu yüzden, yukarıda belirtildiği gibi, x-yüksekliği bazen kullanılır. Bu, yukarı ya da aşağı takılmayan küçük harflerin yüksekliğidir.

Her iki durumda da, ne yazık ki, ölçümler asla kesin değildir. Yapmaya çalıştığınız şeyi gerçekleştirmek için bir miktar ölçme ve çözümleme yapmanız gerekir (ve / veya deneme yanılma).