Jeg har en skrifttype på 40 pixel, som jeg prøver at oversætte til brugerdefinerede billeder. Jeg prøver at matche billedets størrelse nøjagtigt, men jeg “Jeg har nogle problemer med at få nøjagtigt den rigtige størrelse. Grundlæggende er det dette. Når en skrifttype siger, at den er X pixels, hvad betyder det fysisk?
Kommentarer
- i skrifttype har vi en terminologi på x højde, taler du om det samme ??
- Hvis du skriver et dokument, bruges der typisk en skriftstørrelse 12. Hvad betyder 12?
- 12 = 12pt type (typisk)
- kig på w3.org/Style/Examples/ 007 / units.en.html # font-size
- En god læsning om dette er “Punktstørrelse og em-firkanten: ikke hvad People Think ”, af Thomas Phinney, en fontguru hos Adobe og FontLab.
Svar
Dette er et fremragende spørgsmål, der har et ret utilfredsstillende svar.
The størrelse, uanset om det er specificeret i pixels, punkter (1/72 “) eller millimeter, er højden af en em-firkant, en usynlig boks, der typisk er lidt større end afstanden fra den højeste opstigning til den laveste nedstigning.
Da dette er en noget vilkårlig foranstaltning, som
- er afhængig af det nøjagtige tekniske design af skrifttypen
- kan ikke måles nøjagtigt fra et trykt eller rasteriseret prøve
det er ikke særlig meningsfuldt eller nyttigt, bortset fra som en tilnærmelse.
I dit tilfælde skal du finde ud af, hvilken størrelse du skal angive i Photoshop for at matche browserens gengivelse ved eksperimentering. Du burde finde ud af, at dette er et konstant forhold for enhver skrifttype, men jeg forventer ikke, at dette vil være tilfældet, hvis du skifter browser eller operativsystem.
Svar
ASCII Time! Lad som om de to felter nedenfor er stykker af blytype fra 1900 eller deromkring. Dengang blev skrifttyper støbt i bly (eller dirigeret i træ). For at typen skulle indstilles til en udskrivning lock-up, de skulle forbindes til solide blokke. Det er her dimensionens størrelse (i punkter) kommer fra:
+--------------+ +-------------+ <----+ | | | | | | 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 | | | | | | | | | +--------------+ +-------------+ <----+ Bemærk de to bogstaverne ovenfor har forskellige størrelser, men deres afgrænsningsboks er den samme. Som sådan, når det gælder punkter, har begge disse skrifttyper samme størrelse.
I dag laver vi ikke meget type bly og træ og det meste er digitalt. Imidlertid eksisterer konceptet med punktstørrelsen stadig, idet der er en virtuel boks, der har samme højde for hvert bogstav, som typen er placeret på. Igen er det denne virtuelle boks, der definerer punktstørrelsen snarere end de fysiske målinger af selve bogstavformularerne. Den faktiske størrelse af bogstavformularerne er ofte mindre end punktstørrelsen (men kan også være større).
Målingstype i pixels fungerer ikke på grund af det, men du kan dog “indstille” typen i pixels i CSS og lignende. Browseren foretager så vidt muligt en oversættelse mellem den angivne px-størrelse. Men det er altid en fuzzy estimation.
I sidste ende er der ingen nøjagtig måde at få to skrifttyper bogstavformer nøjagtigt den samme størrelse uden at se på dem visuelt og ændre størrelsen på hver, indtil du ser dem som har samme størrelse.
Kommentarer
- På din computer beregner du point til pixel som denne PX = Points * SystemDPI / 72. DPI i en videoverden (skærm) er en ren vilkårlig værdi, der blev introduceret af Apple i 1984. Videoenheder bruger kun pixels; DPI findes ikke ‘ i video- / billedverdenen. Moderne skrifttyper er baseret på dette koncept, hvor 1 point, 1/72 defineres som 1/72 tomme.
- @AbdiasSoftware Ja, 1 point er gennemsnitlig 1/72 tomme og det første Mac havde en skærm på 72 ppi. Men ikke sikker på, hvad det har at gøre med det stillede spørgsmål eller det svar, jeg gav. Faktum er, at skrifttyper, hvad enten de er digitale eller analoge, har et afgrænsningsfelt, og at afgrænsningsfeltet er, hvad størrelsen henviser til.
Svar
Fontens “fontstørrelse” henviser til skrifttypen “s” em højde “, som ikke nødvendigvis er den samme som højden på bestemte tegn i skrifttypen.
Normalt emhøjden på en skrifttype holder sig til den samme grundlæggende idé – den “vil omtrent være indstillet til afstanden fra den laveste nedstigning (såsom bunden af brevet g) til den højeste opstigning (såsom toppen af bogstavet h):
Som du kan se, dækker ingen af de enkelte bogstaver hele spændet.
Med digitale skrifttyper er “em højden” af en skrifttype et valg foretaget af skrifttypen designer og er slet ikke nødt til at overholde denne konvention: en digital type designer kan vælge ethvert fundament til deres em-størrelse. Skrifttyper har dog stadig tendens til at klæbe, i det mindste nogenlunde til den slags konvention, der er beskrevet ovenfor.I gamle dage, da typen bestod af metalblokke, var “em-højden” højden af en af disse blokke, som skulle være høj nok ikke kun til enhver karakter i dette skrifttype, men også for alle opstigende, nedstigende og accenter.
Nu indeholder mange moderne skrifttyper også accenter på store bogstaver (såsom Ć) – disse accenter strækker sig uden for den traditionelle typografisk opstigning og dermed falder disse (og muligvis andre specialtegn) uden for toppen af “em”. Af historiske årsager justerer vi ikke em-størrelsen for at tillade disse, vi beholder em-størrelsen og har bare disse strækker sig ud af den – enhver typograf, der bruger sådanne accenter, skal sikre, at der er plads til dem at strække sig ind i, dog normalt linjeafstand er tilstrækkelig i brødtekst.
linjeafstand i brødtekst er et mellemrum, der er tilbage mellem nedstigningen af en tekstlinje og opstigningen af linjen under den – det vil sige “fontstørrelsen” inkluderer ikke denne linjeafstandsmåling. Den kan påvirkes af CSS-feltet line-height, hvor 1.4 betyder, at linjeafstanden er 0,4 gange emhøjden, og dermed vil en hel linje med brødtekst optage 1,4 gange emhøjden inklusive linjeafstanden. I andre applikationer kan linjeafstanden specificeres forskelligt: tekstbehandlingsprogrammer angiver ofte i form af et multiplum af “enkelt” linjeafstand, men i modsætning til i CSS betyder normalt “enkelt” afstand ikke noget linjeafstand, men noget “standard” linjeafstand, hvor ap plication forsøger at komme med en standard baseret på metadata i fontfilen. Der er flere standarder til angivelse af metrics i skrifttypen (f.eks. I Truetype er der forskellige Mac- og Windows / OS2-standarder), så standardlinjegabet kan variere mellem applikationer og operativsystemer.
Nu, selvom en designer følger en forudsigelig konvention for deres emhøjde, dette fortæller dig stadig ikke størrelsen på store bogstaver (cap-height) eller størrelsen af at sige en o (x-højde eller midterlinje), da disse kan variere frit mellem skrifttyper i forhold til opstigningshøjden. Inden for en skrifttypefamilie vil disse normalt være ensartede. Så for eksempel vil Times New Roman Bold og Times New Roman Regular har de samme tegnstørrelser for den samme emstørrelse, som skal omfatte ascenders, descenders, cap-height og x-height.
Kommentarer
- Ja – der er konventioner (som f.eks. at de er fra bunden af ‘ g ‘ til toppen af ‘ h ), men der er stadig variation, og skrifttypeformater holder slet ikke designere til disse konventioner.
Svar
Prøv at indtaste det lodrette bjælketegn (“|”) og mål det. Hvis jeg duplikerede din situation korrekt, og din antialiasing ikke slørede den for meget, skulle den være 22px.
22px repræsenterer højden på typeblokken. Men hvert tegn udfylder blokken forskelligt. A “g “eller” q “vil besætte det nedre område af den 22 pixel, mens store bogstaver og små bogstaver som” b “eller” d “vil indtage de øvre dele. ” | “er en af de eneste (hvis ikke kun -tegnet, der fuldstændigt udfylder 22px-rummet.
Jeg ved ikke, hvordan man kan sammenligne med dine CSS-indstillinger, men det forklarer, hvordan Photoshop fortolker teksthøjde .
Kommentarer
- Desuden kan du indstille to skrifttyper i samme størrelse, og du ‘ ll ser ofte, at bogstavformularerne ikke i sig selv er det. De har simpelthen den samme ‘ blok ‘ størrelse.
- Røret udfylder ikke altid det samlede tildelte rum. Det ‘ udelukkende foretrækkes af typedesigneren. Det ‘ ll ofte matche toppen af ascenders og bunden af descenders, men selv da kan pladsen til tegnene stadig være meget større.
- Det lodrette stregtegn er ikke altid lig med emstørrelsen (f.eks. ” fuld højde “) på skrifttypen, nr. Faktisk vil det normalt være mindre.
- De lodrette bokstegnetegn skal teoretisk dække hele em-højden (og sandsynligvis overlappe hinanden) det en lille mængde). Men meget få skrifttyper inkluderer disse tegn. Den normale lodrette bjælke (
|) svarer normalt ikke til em-størrelsen. ‘ gør det ikke engang i Microsoft-kernefonte (Arial, Georgien osv.). - Det lodrette bjælketegn ‘ t udfylde hele højden. Accenter til store bogstaver, f.eks. ” Á ” er placeret højere.Sammenlign dig selv: ” Á ” ” | ”
Svar
Er du sikker på din skrifttype måles i pixels? For det meste måles skrifttyper i point. Et punkt er 1/72 tomme. Så en 40 pt skrifttype er 40/72 “eller 5/9” høj. Kickeren er, at det er dimensionen fra toppen af opstigningen på høje bogstaver til bunden af nedstigningerne på bogstaver, der hænger under basislinjen. Derfor bruges x-højden undertiden som nævnt ovenfor. Det er højden på små bogstaver, der ikke klæber sig op eller ned.
Uanset hvad er målingerne aldrig nøjagtige desværre desværre. Du bliver bare nødt til at måle og regne (og / eller prøve-og-fejle) for at opnå det, du prøver.
Kommentarer
- Men punkter er kun relevante for fysisk type (trykt, udskåret, indgraveret osv.).
- Ikke helt korrekt. Type er ikke ‘ t målt fra toppen af opstigningerne til bunden af nedstigningerne, men snarere måles den ‘ med en afgrænsningsboks kan eller ikke kan korrelere med opstignings- / nedstigningshøjden. Dette går tilbage til de dage med bly og trætype, hvor typen blev sat på en blok. Det var højden på denne blok, der dikterede, hvilken størrelse typen blev mærket som. Som sådan kan to skrifttyper, begge indstillet til 12pt, have meget forskellige størrelser sammenlignet med hinanden. (Jeg vandt ‘ t komme ind på det faktum, at 1pt ikke ‘ t traditionelt = 1/72 tomme …;)