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

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

rozmiar czcionki, bez względu na to, czy jest określony w pikselach, punktach (1/72 „), jak i milimetrach, to wysokość kwadratu em, niewidocznego pola, które jest zwykle nieco większe niż odległość od najwyższej wznoszącej do najniższej zstępującej.

Biorąc pod uwagę, że jest to nieco arbitralna miara, która

• zależy od dokładnego projektu technicznego czcionki
• nie można precyzyjnie zmierzyć na podstawie wydrukowanego lub rasteryzowana próbka

nie jest to zbyt znaczące ani użyteczne, poza przybliżeniem.

W twoim przypadku, sprawdź, jaki rozmiar musisz określić w Photoshopie aby dopasować renderowanie przeglądarki przez eksperymenty. Powinien to być 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 to kawałki ołowiu z 1900 roku. Wtedy kroje pisma były odlewane z ołowiu (lub frezowane w drewnie). Aby czcionka została umieszczona w druku musiały być połączone w solidne bloki. Stąd bierze się 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 | | | | | | | | | +--------------+ +-------------+ <----+ 

Zwróć uwagę na dwa litery powyżej mają różne rozmiary, ale ich obwiednia jest taka sama. W związku z tym, pod względem punktów, obie te czcionki mają ten sam rozmiar.

W dzisiejszych czasach nie robimy zbyt wiele czcionek ołowiu i drewno, a większość z nich jest cyfrowa. Jednak koncepcja rozmiaru punktowego nadal 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 definiuje rozmiar w punktach, a nie fizyczne wymiary samych liter. Rzeczywisty rozmiar liter jest często mniejszy niż rozmiar w punktach (ale może być również większy).

Pomiar typu w pikselach nie działa z tego powodu, jednak możesz „ustawić” typ w pikselach w CSS i tym podobnych. Przeglądarka tłumaczy najlepiej jak potrafi między zadeklarowanym rozmiarem w pikselach. Ale to zawsze jest niejasne oszacowanie.

Ostatecznie nie ma dokładnego sposobu na uzyskanie dwóch krojów liter o dokładnie tym samym rozmiarze, chyba że spojrzysz na nie wizualnie i zmienisz rozmiar każdego, aż zobaczysz je jako jest tego samego rozmiaru.

Komentarze

• Na swoim komputerze obliczasz punkty na piksele, w ten sposób PX = punkty * SystemDPI / 72. DPI w świecie wideo (monitor) to czysto arbitralna wartość wprowadzona przez Apple w 1984 roku. Urządzenia wideo używają tylko pikseli; DPI nie ' nie istnieje w świecie wideo / obrazu. Nowoczesne czcionki opierają się na tej koncepcji, w której 1 punkt, 1/72 jest definiowane jako 1/72 cala.
• @AbdiasSoftware Tak, 1 punkt został uśredniony do 1/72 cala, a pierwszy Mac miał ekran o rozdzielczości 72 ppi. Ale nie jestem pewien, co to ma wspólnego z zadanym pytaniem lub odpowiedzią, której udzieliłem. Faktem jest, że czcionki, czy to cyfrowe, czy analogowe, mają obwiednię, do której odnosi się rozmiar.

„Rozmiar” czcionki odnosi się do „s” wysokości em ”czcionki, która nie musi być taka sama, jak wysokość poszczególnych znaków czcionki.

Zwykle wysokość em czcionki jest zgodna z tą samą podstawową ideą – będzie ona „z grubsza” ustawiona na odległość od najniższej krawędzi (np. dolna część litery g) do najwyższej wznoszącej się litery (takiej jak wierzchołek litery h):

Jak widać, żadna z pojedynczych liter nie zajmuje całego zakresu.

W przypadku czcionek cyfrowych „wysokość em” czcionki jest wyborem dokonanym przez czcionkę projektant i nie musi w ogóle przestrzegać tej konwencji: projektant czcionek cyfrowych może wybrać dowolną podstawę dla swojego rozmiaru em. Jednak czcionki nadal mają tendencję do przylegania, przynajmniej z grubsza, zgodnie z konwencją opisaną powyżej.W dawnych czasach, kiedy czcionka składała się z metalowych bloków, „wysokość em” była wysokością jednego z tych bloków, która musiała być wystarczająco wysoka nie tylko dla dowolnego znaku w tym kroju, ale także dla wszystkich wznoszących, opadających i akcentów. / p>

Obecnie wiele nowoczesnych krojów pisma zawiera również akcenty na wielkich literach (na przykład Ć) – te akcenty wykraczają poza poza tradycyjne typograficzna wznosząca się i dlatego te (i być może inne znaki specjalne) wypadają poza górną część „em”. Ze względów historycznych nie dostosowujemy rozmiaru em, aby to umożliwić, utrzymujemy rozmiar em i po prostu wydłużamy go – każdy typograf używający takich akcentów będzie musiał upewnić się, że jest miejsce na ich rozszerzenie, chociaż zwykle przerwa między wierszami jest wystarczająca w tekście głównym.

przerwa między wierszami w tekście głównym to odstęp między dolną linią tekstu a linią wznoszącą wiersza poniżej – to znaczy „rozmiar czcionki” nie obejmuje tego pomiaru odstępu między wierszami. Na to może mieć wpływ pole CSS line-height, gdzie oznacza, że odstęp między wierszami jest 0,4 razy większy od wysokości em, a zatem cały wiersz tekstu podstawowego zajmie 1,4 razy więcej niż wysokość, łącznie z odstępem między wierszami. W innych aplikacjach odstęp między wierszami można określić inaczej: edytory tekstu często określają jako wielokrotność „pojedynczych” odstępów między wierszami, ale w przeciwieństwie do CSS, zwykle „pojedyncze” odstępy nie oznaczają braku odstępu, ale pewne „domyślne” odstępy między wierszami, Plication próbuje wymyślić wartość domyślną na podstawie metadanych w pliku czcionki. Istnieje wiele standardów określania metryk w czcionce (np. W Truetype istnieją różne standardy Mac i Windows / OS2), więc domyślny odstęp między wierszami może się różnić w zależności od aplikacji i systemu operacyjnego.

Teraz, nawet jeśli projektant stosuje przewidywalną konwencję dotyczącą wysokości em, ale to nadal nie mówi o wielkości wielkich liter (wysokość czapki) ani o, powiedzmy, o (wysokość x lub linia środkowa), ponieważ mogą się one swobodnie różnić między krojami w stosunku do wysokości wznoszącej. Jednak w rodzinie czcionek są one zwykle spójne. Na przykład Times New Roman Bold i Times New Roman Regular mają te same rozmiary znaków dla tego samego rozmiaru em, co powinno obejmować wznoszące się, opadające, wysokość czapki i wysokość x.

Komentarze

• Tak – istnieją konwencje (np. są od dołu ' g ' do góry ' h ), ale nadal występuje rozbieżność, a formaty czcionek w ogóle nie zobowiązują projektantów do przestrzegania tych konwencji.

Spróbuj wpisać znak pionowej kreski („|”) i zmierz go. Jeśli poprawnie skopiowałem twoją sytuację i twój antyaliasing nie rozmywa go zbyt mocno, powinien wynosić 22 piksele.

22 piksele reprezentuje wysokość bloku tekstu. Ale każdy znak wypełnia blok inaczej. A „g „lub„ q ”zajmie dolny obszar tych 22 pikseli, podczas gdy wielkie i małe litery, takie jak„ b ”lub„ d ”, zajmą górne części. „ | ”jest jednym z jedynych (jeśli nie jedyny ) znak, który całkowicie wypełni przestrzeń 22px.

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

Komentarze

• Ponadto możesz ustawić dwie czcionki w tym samym rozmiarze i ' ll często widzą, że same formy literowe nie są. Mają po prostu ten sam ' rozmiar bloku '.
• Rura nie zawsze wypełnia przydzieloną przestrzeń. Jest to ' wyłącznie preferencją projektanta typów. ' często będzie pasował do górnej części górnych i dolnych części zstępujących, ale nawet wtedy miejsce przeznaczone na znaki może być znacznie większe.
• Znak pionowej kreski nie zawsze jest równy rozmiarowi em (np. ” pełna wysokość „) czcionki, nie. W rzeczywistości zazwyczaj będzie to mniej.
• Pionowe znaki do rysowania ramek powinny teoretycznie pokrywać całą wysokość em (i prawdopodobnie zachodzić na siebie to niewielka ilość). Jednak bardzo niewiele czcionek zawiera te znaki. Normalny pionowy pasek (|) zwykle NIE będzie odpowiadał rozmiarowi em. Nie ' nie robi tego nawet w podstawowych czcionkach Microsoft (Arial, Georgia itp.).
• Znak pionowej kreski nie ' t wypełnić całą wysokość. Akcenty dla wielkich liter, np. ” Á ” są umieszczone wyżej.Porównaj siebie: ” Á ” ” | ”

Czy na pewno używasz czcionki jest mierzona w pikselach? W większości przypadków czcionki są mierzone w punktach. Punkt to 1/72 cala. Zatem czcionka 40-punktowa ma wysokość 40/72 „lub 5/9”. Kicker jest taki, że jest to wymiar od góry wznoszących się liter na wysokich literach do dolnych dolnych krawędzi na literach, które wiszą poniżej linii bazowej. Dlatego czasami używa się wysokości x, jak wspomniano powyżej. Jest to wysokość małych liter, które nie wystają ani nie wystają.

Tak czy inaczej, pomiary nigdy nie są dokładne zresztą niestety. Będziesz musiał tylko trochę zmierzyć i obliczyć (i / lub metodą prób i błędów), aby osiągnąć to, czego próbujesz.

Komentarze

• Ale punkty dotyczą tylko typu fizycznego (drukowane, rzeźbione, grawerowane itp.).
• Nie do końca poprawne. Wpisz isn ' t mierzony od góry wznoszących się do dołu zstępujących, ale raczej ' mierzony za pomocą prostokąta ograniczającego może, ale nie musi, korelować z wysokością urządzenia wznoszącego / opadającego. To sięga czasów ołowiu i drewna, gdzie typ był nakładany na blok. To wysokość tego bloku decydowała o tym, jakim rozmiarem oznaczono typ. W związku z tym dwie czcionki, obie ustawione na 12 punktów, mogą mieć bardzo różne rozmiary w porównaniu ze sobą. (Wygrałem ', żeby zrozumieć, że 1 punkt nie ' t tradycyjnie = 1/72 cala …;)