Na co dokładnie przekłada się rozmiar czcionki?

Mam czcionkę 40 pikseli, którą próbuję przetłumaczyć na niestandardowe obrazy. Próbuję dokładnie dopasować rozmiar obrazu, ale mam problemy z uzyskaniem dokładnie odpowiedniego rozmiaru. Zasadniczo sprowadza się do tego. Kiedy czcionka mówi, że to X pikseli, co to fizycznie oznacza?

To doskonałe pytanie, na które odpowiedź jest raczej niezadowalająca.

Rozmiar typu, niezależnie od tego, czy jest określony w pikselach, punktach (1/72 ") czy milimetrach, jest wysokością kwadratu em, niewidzialnego pudełka, które jest zwykle nieco większe niż odległość od najwyższego wznoszenia do najniższego zjazdu.

Biorąc pod uwagę, że jest to nieco arbitralny środek, który

• zależy od dokładnego projektu technicznego czcionki
• nie można dokładnie zmierzyć na podstawie wydrukowanej lub zrasteryzowanej próbki

nie jest zbyt znaczący ani użyteczny, poza przybliżeniem.

W twoim przypadku ustal, jaki rozmiar musisz określić w Photoshopie, aby dopasować się do renderowania przeglądarki przez eksperyment. Powinieneś uznać to za stały współczynnik dla dowolnej czcionki, ale nie spodziewałbym się, że tak będzie w przypadku zmiany przeglądarki lub systemu operacyjnego.

Czas ASCII! Udawaj, że dwa poniższe pola są kawałkami ołowiu z około 1900 roku. Wówczas kroje pisma były odlewane w ołowiu (lub frezowane w drewnie). Aby typ mógł zostać ustawiony na blokadę drukowania, musiał być podłączony do litych bloków. Stąd pochodzi wymiar typu (w punktach):

+--------------+  +-------------+  <----+
|              |  |             |       |
|      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  |  |             |       |
|              |  |             |       |
+--------------+  +-------------+  <----+

Zauważ, że dwie powyższe litery mają różne rozmiary, ale ich obwiednia jest taka sama. Jako takie, pod względem punktów, obie czcionki mają ten sam rozmiar.

Obecnie niewiele produkujemy ołowiu i drewna, a większość z nich jest cyfrowa. Jednak koncepcja wymiarowania punktów wciąż istnieje, ponieważ istnieje wirtualne pudełko o tej samej wysokości dla każdej litery, na której umieszczony jest typ. Ponownie, to wirtualne pudełko określa rozmiar punktu, a nie fizyczne pomiary samych liter. Rzeczywisty rozmiar liter jest często mniejszy niż rozmiar punktowy (ale może być również większy).

Pomiar typu w pikselach nie działa z tego powodu, jednak można „ustawić” typ w pikselach w CSS i tym podobnych. Przeglądarka dokonuje tłumaczenia najlepiej, jak to możliwe, między deklarowanym rozmiarem px. Ale zawsze jest to niewyraźna ocena.

Ostatecznie nie ma dokładnego sposobu na uzyskanie dwóch czcionek o dokładnie takim samym rozmiarze, bez patrzenia na nie wizualnie i zmieniania rozmiaru każdego z nich, dopóki nie zobaczysz, że są tego samego rozmiaru.

„Rozmiar czcionki” czcionki odnosi się do „wysokości czcionki”, która niekoniecznie jest taka sama jak wysokość poszczególnych znaków w czcionce.

Zazwyczaj wysokość em czcionki jest zgodna z tą samą podstawową ideą - zostanie ona z grubsza ustawiona na odległość od najniższego zstępującego (takiego jak spód litery g) do najwyższego wznoszącego (takiego jak góra litery h):

Jak widać, żadna z poszczególnych liter nie obejmuje całego zakresu.

W przypadku czcionek cyfrowych „wysokość” czcionki jest wyborem dokonanym przez projektanta czcionek i wcale nie musi być zgodna z tą konwencją: projektant czcionek cyfrowych może wybrać dowolną podstawę dla swojego rozmiaru czcionki. Jednak czcionki nadal mają skłonność, przynajmniej z grubsza, do konwencji opisanej powyżej. W dawnych czasach, gdy czcionka składała się z metalowych bloków, „wysokość” była wysokością jednego z tych bloków, która musiała być wystarczająco wysoka nie tylko dla każdej postaci w tym kroju pisma, ale także dla wstępujących, schodzących i akcentujących.

Obecnie wiele współczesnych krojów zawiera akcenty również na wielkich literach (np. Ć) - akcenty te wykraczają poza tradycyjny typograficzny wyciąg, a zatem te (i ewentualnie inne znaki specjalne) znajdują się poza górą „em”. Ze względów historycznych nie dostosowujemy rozmiaru em, aby na to pozwolić, utrzymujemy rozmiar em i po prostu go rozsuwamy - każdy typograf używający takich akcentów będzie musiał upewnić się, że jest dla nich miejsce, chociaż zwykle odstęp między wierszami jest odpowiedni w tekście.

Luka linii w tekście jest przestrzeń pozostawiona pomiędzy descender jednego wiersza tekstu i wznoszącego linii pod nim - to znaczy, że „rozmiar czcionki” nie obejmuje tego pomiaru odstępu linii. Na to może mieć wpływ pole CSS line-height, gdzie1.4oznacza, że ​​odstęp między wierszami wynosi 0,4 raza wysokość em, a zatem cała linia tekstu podstawowego zajmie 1,4 raza wysokość em, w tym odstęp między wierszami. W innych aplikacjach odstęp między wierszami można określić inaczej: edytory tekstu często określają wielokrotność „pojedynczych” odstępów między wierszami, ale w przeciwieństwie do CSS, zwykle „pojedyncze” odstępy nie oznaczają braku odstępów między wierszami, ale niektóre „domyślne” wiersze gap, w którym aplikacja próbuje stworzyć domyślną wersję opartą na metadanych w pliku czcionki. Istnieje wiele standardów określania wielkości czcionki (np. W Truetype istnieją różne standardy dla komputerów Mac i Windows / OS2), więc domyślna przerwa między wierszami może się różnić w zależności od aplikacji i systemu operacyjnego.

Teraz, nawet jeśli projektant robi się na przewidywalnym konwencję o ich wysokości em, to nadal nie powiedzieć wielkość liter (cap-wysokość) lub rozmiar powiedzmy o(x wysokość lub linii środkowej), ponieważ mogą one się zmieniać swobodnie pomiędzy krojami pisma w stosunku do wysokości wstępującej. Jednak w rodzinie czcionek będą one zwykle spójne. Na przykład Times New Roman Bold i Times New Roman Regular będą miały te same rozmiary znaków dla tego samego rozmiaru em, które powinny obejmować wznoszenia, zstępy, wysokość czapki i wysokość x.

Spróbuj wpisać znak pionowego paska („|”) i zmierz to. Jeśli poprawnie skopiowałem twoją sytuację, a twoje wygładzanie krawędzi nie rozmywa jej zbytnio, powinno to być 22px.

22px reprezentuje wysokość bloku typu. Ale każda postać wypełnia blok inaczej. „G” lub „q” zajmą dolny obszar tego 22px, podczas gdy wielkie litery i małe litery, takie jak „b” lub „d”, zajmą górne części. „|” to tylko jeden z (jeśli nie tylko) charakterze, które będą całkowicie wypełnić przestrzeń 22px.

Nie wiem, jak porównać z ustawieniami CSS, ale to wyjaśnia, jak Photoshop interpretuje wysokość tekstu.

Czy na pewno Twoja czcionka jest mierzona w pikselach? Większość czcionek czasu mierzona jest w punktach. Punkt ma 1/72 cala. Czcionka 40 pt ma wysokość 40/72 "lub 5/9". Kickerem jest to, że jest to wymiar od góry wznoszących się na wysokich literach do dolnej części zstępujących na literach wiszących poniżej linii bazowej. Dlatego czasami stosuje się wysokość x, jak wspomniano powyżej. To jest wysokość małych liter, które nie trzymają się ani w górę, ani w dół.

Tak czy inaczej, pomiary nigdy nie są dokładne, niestety. Musisz tylko trochę zmierzyć i wymyślić (i / lub prób i błędów), aby osiągnąć to, czego próbujesz.