Waar vertaalt de grootte van het lettertype precies naar?

Dit is een uitstekende vraag, die een nogal onbevredigend antwoord heeft.

De de grootte van het type, of dit nu is opgegeven in pixels, punten (1/72 inch) of millimeter, is de hoogte van een em-vierkant, een onzichtbare doos die doorgaans iets groter is dan de afstand van de hoogste stijger tot de laagste stijger.

Aangezien dit een ietwat willekeurige maatstaf is die

• afhankelijk is van het exacte technische ontwerp van het lettertype
• niet precies kan worden gemeten vanaf een of gerasterd voorbeeld

het is niet erg zinvol of nuttig, behalve als benadering.

In jouw geval, bepaal welke grootte je in Photoshop moet specificeren om overeen te komen met de weergave van de browser door te experimenteren. Je zou moeten zien dat dit een constante verhouding is voor elk lettertype, maar ik verwacht niet dat dit het geval is als je van browser of besturingssysteem verandert.

ASCII-tijd! Stel je voor dat de twee onderstaande vakken stukken lood zijn uit ongeveer 1900. Destijds werden lettertypen in lood gegoten (of in hout gerouteerd). Om het type in een drukwerk te zetten lock-up, ze moesten worden verbonden met solide blokken. Hier komt de dimensie van het type (in punten) vandaan:

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

Let op de twee letters hierboven hebben verschillende grootten, maar hun begrenzingsvak is hetzelfde. Als zodanig zijn beide lettertypen qua punten even groot.

Tegenwoordig maken we niet veel typen in lead en hout en het meeste is digitaal. Het concept van de puntmaten bestaat echter nog steeds in de zin dat er een virtueel vak is dat dezelfde hoogte heeft voor elke letter waarop het lettertype wordt geplaatst. Nogmaals, het is deze virtuele doos die de puntgrootte definieert in plaats van de fysieke afmetingen van de lettervormen zelf. De werkelijke grootte van de lettervormen is vaak kleiner dan de puntgrootte (maar kan ook groter zijn).

Het meten van type in pixels werkt daarom niet, maar je kunt het type in pixels in CSS en dergelijke “instellen”. De browser voert een zo goed mogelijke vertaling uit tussen de opgegeven px-grootte. Maar het is altijd een vage schatting.

Uiteindelijk is er geen nauwkeurige manier om twee lettertypen lettervormen van exact dezelfde grootte te krijgen, behalve ze visueel te bekijken en de grootte van elk te veranderen totdat je ze ziet als dezelfde grootte hebben.

Reacties

• In je computer bereken je Points to Pixels zoals deze PX = Points * SystemDPI / 72. DPI in een videowereld (monitor) is een pure willekeurige waarde die in 1984 door Apple werd geïntroduceerd. Videoapparaten gebruiken alleen pixels; DPI bestaat niet ‘ t in de video- / afbeeldingswereld. Moderne lettertypen zijn gebaseerd op dit concept waarbij 1 punt, 1/72 wordt gedefinieerd als 1/72 inch.
• @AbdiasSoftware Ja, 1 punt is gemiddeld op 1/72 inch en het eerste Mac had een scherm van 72 ppi. Maar ik weet niet zeker wat dat te maken heeft met de gestelde vraag of het antwoord dat ik heb gegeven. Het feit blijft dat lettertypen, of ze nu digitaal of analoog zijn, een begrenzingskader hebben en dat begrenzende kader is waarnaar de grootte verwijst.

De “font size” van een font verwijst naar het font “s” em height “, wat niet noodzakelijk hetzelfde is als de hoogte van bepaalde karakters in het font.

Gewoonlijk volgt de em-hoogte van een lettertype hetzelfde basisidee – het wordt grofweg ingesteld op de afstand vanaf de laagste afstammeling (zoals de onderkant van de letter g) naar de hoogste stijger (zoals de bovenkant van de letter h):

Zoals je kunt zien, beslaat geen van de individuele letters die hele reeks.

Bij digitale lettertypen is de “em-hoogte” van een lettertype een keuze die wordt gemaakt door het lettertype ontwerper, en hoeft zich helemaal niet aan deze conventie te houden: een ontwerper van digitale lettertypen kan elke basis kiezen voor zijn em-grootte. Lettertypen blijven echter in ieder geval grofweg naar het soort conventie dat hierboven is beschreven.Vroeger, toen het type uit metalen blokken bestond, was de em-hoogte de hoogte van een van die blokken, die niet alleen hoog genoeg moest zijn voor elk teken in dat lettertype, maar ook voor alle stijgers, dalingen en accenten. / p>

Nu bevatten veel moderne lettertypen ook accenten op hoofdletters (zoals Ć) – deze accenten strekken zich buiten uit om het traditionele typografische opklimmende en dus vallen deze (en mogelijk andere speciale tekens) buiten de top van de “em”. Om historische redenen passen we de em-grootte niet aan om deze toe te staan, we behouden de em-grootte en laten deze er gewoon uit steken – elke typograaf die dergelijke accenten gebruikt, moet ervoor zorgen dat er ruimte is om ze uit te breiden, hoewel meestal de regelafstand is voldoende in hoofdtekst.

De regelafstand in hoofdtekst is een ruimte die overblijft tussen het onderste deel van een regel tekst en het oplopend teken van de regel eronder, dat wil zeggen dat de “font size” deze regelafstandmeting niet omvat. Dit kan worden beïnvloed door het CSS-veld line-height, waar 1.4 betekent dat de regelafstand 0,4 keer de em-hoogte is, en dus neemt een hele regel bodytekst 1,4 keer de em-hoogte in beslag, inclusief de regelafstand. In andere toepassingen kan de regelafstand anders worden gespecificeerd: tekstverwerkers specificeren vaak in termen van een veelvoud van “enkele” regelafstand, maar in tegenstelling tot in CSS betekent “enkele” regelafstand meestal niet geen regelafstand, maar een “standaard” regelafstand, waarbij de ap plication probeert een standaard te bedenken op basis van metadata in het lettertypebestand. Er zijn meerdere standaarden voor het specificeren van metrieken in het lettertype (bijv. In Truetype zijn er verschillende Mac- en Windows / OS2-standaarden), dus de standaardlijnafstand kan variëren tussen applicaties en besturingssystemen.

Nu, zelfs als een ontwerper doet volgt een voorspelbare conventie voor hun em-hoogte, dit zegt nog steeds niet “de grootte van hoofdletters (cap-hoogte) of de grootte van bijvoorbeeld een o (x-hoogte of middellijn), aangezien deze vrij kunnen variëren tussen lettertypen in verhouding tot de opklimmende hoogte. Binnen een lettertypefamilie zullen deze echter meestal consistent zijn. Dus Times New Roman Bold en Times New Roman Regular zullen dezelfde tekengroottes hebben voor dezelfde em-grootte, die stijgers, dalers, cap-hoogte en x-hoogte zouden moeten omvatten.

Opmerkingen

• Ja – er zijn conventies (zoals em vanaf de onderkant van ‘ g ‘ naar de bovenkant van ‘ h ) maar er is nog steeds een afwijking, en lettertypeformaten houden ontwerpers helemaal niet aan deze conventies.

Probeer het verticale streepje (“|”) in te typen en meet dat. Als ik je situatie correct heb gedupliceerd en je anti-aliasing het niet te veel vervaagt, zou het 22px moeten zijn.

22px staat voor de hoogte van het blok met type. Maar elk teken vult het blok anders. A “g “of” q “zal het onderste gedeelte van die 22px bezetten, terwijl hoofdletters en kleine letters zoals” b “of” d “de bovenste gedeelten zullen innemen. ” | “is een van de weinige (zo niet het enige -teken dat de ruimte van 22 px volledig zal vullen.

Ik weet niet hoe ik het moet vergelijken met uw CSS-instellingen, maar dat verklaart hoe Photoshop de teksthoogte interpreteert .

Opmerkingen

• Verder kun je twee lettertypen op dezelfde grootte instellen en je ‘ ll zien vaak dat de lettervormen dat zelf niet zijn. Ze hebben gewoon dezelfde ‘ blok ‘ grootte.
• De pipe vult niet altijd de totale toegewezen ruimte. Het ‘ is puur een voorkeur van de letterontwerper. Het ‘ ll komt vaak overeen met de bovenkant van de stijgers en de onderkant van de stijgers, maar zelfs dan kan de toegewezen ruimte voor de tekens nog veel groter zijn.
• Het verticale streepje is niet altijd gelijk aan de em-grootte (bijv. ” volledige hoogte “) van het lettertype, nr. In feite zal het meestal minder zijn.
• De verticale box-drawing karakters zouden theoretisch de hele em-hoogte moeten bedekken (en waarschijnlijk overlappen het een klein bedrag). Maar zeer weinig lettertypen bevatten deze tekens. De normale verticale balk (|) zal gewoonlijk NIET gelijk zijn aan de em-grootte. Het ‘ doet dit zelfs niet in de kernlettertypen van Microsoft (Arial, Georgia, enz.).
• Het verticale streepje heeft geen ‘ t vul de hele hoogte. Accenten voor hoofdletters, bijv. ” Á ” staan hoger.Vergelijk jezelf: ” Á ” ” | ”

Weet u zeker wat uw lettertype is wordt gemeten in pixels? Meestal worden lettertypen in punten gemeten. Een punt is 1/72 inch. Een lettertype van 40 pt is dus 40/72 “of 5/9” lang. De kicker is dat dat de afmeting is van de bovenkant van de stijgklemmen op hoge letters tot de onderkant van de neerstrijkers op letters die onder de basislijn hangen. Daarom wordt soms de x-hoogte gebruikt, zoals hierboven vermeld. Dat is de hoogte van de kleine letters die niet omhoog of omlaag blijven.

Hoe dan ook, de afmetingen zijn nooit exact hoe dan ook, helaas. Je “zult gewoon wat moeten meten en uitzoeken (en / of vallen en opstaan) om te bereiken wat je probeert.

Reacties

• Maar punten zijn alleen relevant voor het fysieke type (gedrukt, gegraveerd, gegraveerd enz.).
• Niet helemaal correct. Typ isn ‘ t gemeten vanaf de bovenkant van de stijgers tot aan de onderkant van de neergaande stijgers, maar het ‘ wordt gemeten door een selectiekader dat kan al dan niet correleren met de hoogte van de stijg- / daler. Dit gaat terug tot de dagen van de lood- en houtsoort waar op een blok type werd gezet. Het was de hoogte van dit blok dat dicteerde hoe groot het type was. Als zodanig kunnen twee lettertypen, beide ingesteld op 12pt, zeer verschillende grootten hebben in vergelijking met elkaar. (Ik heb ‘ niet op het feit ingegaan dat 1pt niet ‘ t traditioneel = 1/72 inch …;)