La ce se traduce exact dimensiunea fontului?

Aceasta este o întrebare excelentă, care are un răspuns destul de nesatisfăcător.

The dimensiunea tipului, indiferent dacă este specificată în pixeli, puncte (1/72 „) sau milimetri, este înălțimea unui pătrat em, o cutie invizibilă care este de obicei puțin mai mare decât distanța de la cel mai înalt ascendent la cel mai jos descendent.

Având în vedere aceasta este o măsură oarecum arbitrară care

• depinde de designul tehnic exact al fontului
• nu poate fi măsurat cu precizie dintr-o imprimare sau eșantion rasterizat

nu este prea semnificativ sau util, în afară de o aproximare.

În cazul dvs., aflați ce dimensiune trebuie să specificați în Photoshop pentru a se potrivi redarea browserului prin experimentare. Ar trebui să găsiți că acesta este un raport constant pentru orice font, dar nu m-aș aștepta ca acest lucru să fie cazul dacă schimbați browserul sau sistemul de operare.

ASCII Time! Pretindeți că cele două casete de mai jos sunt piese de tip plumb din 1900 sau cam așa ceva. Pe atunci, tipurile erau turnate în plumb (sau direcționate în lemn). Pentru ca tipul să fie setat într-o tipărire blocare, acestea trebuiau conectate la blocuri solide. De aici provine dimensiunea tipului (în puncte):

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

Rețineți cele două literele de mai sus au dimensiuni diferite, dar caseta lor de delimitare este aceeași. Ca atare, în ceea ce privește punctele, ambele fonturi au aceeași dimensiune.

În zilele noastre, nu facem prea multe tipuri de plumb și lemn și cea mai mare parte este digitală. Cu toate acestea, conceptul de dimensionare a punctelor există încă prin faptul că există o cutie virtuală care are aceeași înălțime pentru fiecare literă pe care este plasat tipul. Din nou, este această casetă virtuală care definește dimensiunea punctului mai degrabă decât măsurătorile fizice ale formelor de litere în sine. Dimensiunea reală a formelor de litere este adesea mai mică decât dimensiunea punctului (dar poate fi și mai mare).

Tipul de măsurare în pixeli nu funcționează din această cauză, cu toate acestea, puteți „seta” tipul în pixeli în CSS și altele asemenea. Browserul face o traducere cât mai bine între dimensiunea px declarată. Însă este întotdeauna o estimare neclară.

În cele din urmă, nu există o modalitate precisă de a obține două tipuri de litere de aceeași dimensiune, în afară de a le privi vizual și de a schimba dimensiunea fiecăruia până când le vedeți ca fiind de aceeasi marime.

Comentarii

• În calculatorul dvs. calculați Puncte la pixeli de acest fel PX = Puncte * SystemDPI / 72. DPI într-o lume video (monitor) este o valoare pur arbitrară introdusă de Apple în 1984. Dispozitivele video folosesc doar pixeli; DPI nu există în ‘ în lumea videoclipurilor / imaginilor. Fonturile moderne se bazează pe acest concept în care 1 punct, 1/72 este definit ca 1/72 de inch.
• @AbdiasSoftware Da, 1 punct a fost calculat în medie la 1/72 de inch și primul Mac avea un ecran de 72 ppi. Dar nu sunt sigur ce legătură are asta cu întrebarea pusă sau cu răspunsul pe care l-am dat. Rămâne faptul că fonturile, fie ele digitale sau analogice, au o casetă de delimitare și că la aceasta se referă dimensiunea.

„Dimensiunea fontului” unui font se referă la fontul „s” em height „, care nu este neapărat același cu înălțimea anumitor caractere din font.

De obicei înălțimea em a unui font aderă la aceeași idee de bază – va fi setată aproximativ la distanța de la cel mai jos descendent (cum ar fi partea de jos a literei g) până la cel mai înalt ascendent (cum ar fi partea de sus a literei h):

După cum puteți vedea, niciuna dintre literele individuale nu acoperă întreaga perioadă.

Cu fonturile digitale, „înălțimea em” a unui font este o alegere făcută de font și nu trebuie să se conformeze deloc acestei convenții: un designer de tip digital poate alege orice bază pentru dimensiunea lor. Totuși, fonturile încă tind să adere, cel puțin aproximativ, la tipul de convenție descris mai sus.În vremurile vechi, când tipul consta din blocuri metalice, „înălțimea em” era înălțimea unuia dintre acele blocuri, care trebuia să fie suficient de mare nu numai pentru orice caracter din acel tip de caractere, ci și pentru ascendenți, descendenți și accente.

Acum, multe tipuri de caractere moderne includ și accente pe majuscule (cum ar fi Ć) – aceste accente extind în afara tradiționalul ascendent tipografic și astfel aceste (și, eventual, alte personaje speciale) cad în afara vârfului „em”. Din motive istorice, nu ajustăm dimensiunea em pentru a le permite, păstrăm dimensiunea em și doar le extindem – orice tipograf care utilizează astfel de accente va trebui să se asigure că există spațiu pentru a le extinde, deși, de obicei, decalajul de linie este adecvat în textul corpului.

decalajul de linie din textul corpului este un spațiu lăsat între descendentul unei linii de text și ascendent a liniei de sub ea – adică „dimensiunea fontului” nu include această măsurare a decalajului de linie. Poate fi influențată de câmpul CSS line-height, unde 1.4 înseamnă că decalajul de linie este de 0,4 ori înălțimea em și, prin urmare, o întreagă linie de text al corpului va ocupa de 1,4 ori înălțimea em, inclusiv decalajul de linie. În alte aplicații, decalajul de linie poate fi specificat diferit: procesoarele de text specifică adesea în termeni de multiplu al spațiului de linie „unic”, dar spre deosebire de CSS, de obicei spațiere „simplă” nu înseamnă lipsă de linie, ci un spațiu de linie „implicit”, unde ap plication încearcă să vină cu o valoare implicită bazată pe metadate în fișierul fontului. Există mai multe standarde pentru specificarea valorilor în font (de exemplu, în Truetype, există diferite standarde Mac și Windows / OS2), deci decalajul de linie implicit poate varia între aplicații și sisteme de operare.

Acum, chiar dacă un designerul nu urmează o convenție previzibilă pentru înălțimea em, acestea nu vă spun încă dimensiunea literelor majuscule (înălțimea capacului) sau dimensiunea spune o (înălțimea x sau linia mediană), deoarece acestea pot varia liber între tipuri în raport cu înălțimea ascendentă. În cadrul unei familii de fonturi, acestea vor fi, de obicei, consistente. De exemplu, Times New Roman Bold și Times New Roman Regular vor au aceleași dimensiuni de caractere pentru aceeași dimensiune em, care ar trebui să includă ascendenți, descendenți, înălțimea capacului și înălțimea x.

Comentarii

• Da – există convenții (cum ar fi em de la partea de jos a ‘ g ‘ până la partea de sus a ‘ h ), dar există încă varianță, iar formatele de font nu țin deloc proiectanții la aceste convenții.

Încercați să tastați caracterul barei verticale („|”) și măsurați-l. Dacă ți-am duplicat corect situația, iar antialiasing-ul tău nu o „estompează prea mult, ar trebui să fie 22px.

22px reprezintă înălțimea blocului de tip. Dar fiecare caracter umple blocul diferit. A” g „sau” q „vor ocupa regiunea inferioară a acelui 22px, în timp ce majusculele și litere mici precum” b „sau” d „vor ocupa porțiunile superioare. ” | „este una dintre singurele (dacă nu numai caracterul care va umple în întregime spațiul de 22 px.

Nu știu cum să compar cu setările CSS, dar asta explică modul în care Photoshop interpretează înălțimea textului .

Comentarii

• Mai mult, puteți seta două fonturi la aceeași dimensiune și ‘ ll de multe ori văd că formele de scris, ele însele, nu sunt. Pur și simplu au aceeași dimensiune ‘ bloc ‘.
• Conducta nu umple întotdeauna spațiul total alocat. ‘ este doar o preferință a designerului de tip. ‘ se va potrivi adesea cu vârful ascendenților și cu partea inferioară a descendenților, dar chiar și atunci, spațiul alocat pentru personaje poate fi în continuare mult mai mare.
• Caracterul barei verticale nu este întotdeauna egal cu dimensiunea em (ex. ” înălțime completă „) a fontului, nr. De fapt, de obicei va fi mai puțin.
• Caracterele verticale de desenare a casetei ar trebui să acopere teoretic întreaga înălțime a em-ului (și probabil să se suprapună o cantitate mică). Dar foarte puține fonturi includ aceste caractere. Bara verticală normală (|) NU va fi de obicei egală cu dimensiunea em. Nu ‘ face nici măcar acest lucru în fonturile de bază Microsoft (Arial, Georgia etc.).
• Caracterul barei verticale nu ‘ t umple toată înălțimea. Accente pentru majuscule, de ex. ” Á ” sunt poziționate mai sus.Comparați-vă: ” Á ” ” | ”

Sunteți sigur că fontul dvs. se măsoară în pixeli? De cele mai multe ori fonturile sunt măsurate în puncte. Un punct este 1/72 de inch. Deci, un font de 40 pt are 40/72 „sau 5/9” înălțime. Kicker-ul este că este dimensiunea din partea de sus a ascendenților pe literele înalte până în partea de jos a descendenților pe literele care atârnă sub linia de bază. Acesta este motivul pentru care se folosește uneori înălțimea x, așa cum am menționat mai sus. Aceasta este înălțimea literelor minuscule care nu rămân în sus sau în jos.

Oricum, măsurătorile nu sunt niciodată exacte. oricum, din păcate. Va trebui doar să măsurați și să calculați (și / sau încercarea și eroarea) pentru a realiza ceea ce încercați.

Comentarii

• Dar punctele sunt relevante doar pentru tipul fizic (tipărit, sculptat, gravat etc.).
• Nu este complet corect. Tipul nu este ‘ t măsurat din partea de sus a ascendenților până în partea de jos a descendenților, ci mai degrabă ‘ se măsoară printr-o casetă de delimitare care se poate corela sau nu cu înălțimea ascendentului / descendentului. Acest lucru se întoarce la zilele tipului de plumb și lemn în care tipul a fost pus pe un bloc. Înălțimea acestui bloc a dictat ce mărime a fost etichetat tipul. Ca atare, două fonturi, ambele setate la 12pt pot avea dimensiuni foarte diferite comparativ între ele. (Am câștigat ‘ ca să ajung la faptul că 1pt nu ‘ tradițional = 1/72 de inch …;)