A tipográfia abszolút egysége, 1/72 hüvelykként szabványosítva

A pontok a betűméretet, a sorközt (leading) és más tipográfiai méreteket mérik. Egy 12 pontos betűtípus azt jelenti, hogy a távolság a legalsó lefutó szártól a legfelső felnyúló szárig 12 pont (1/6 hüvelyk vagy 4,23 mm). A pontrendszer eszközfüggetlen méréseket biztosít, amelyek következetesen fordíthatók le a különböző médiumokban.

Példa: 12pt Times New Roman = 0,1667 hüvelyk magas = 4,23 mm. A professzionális törzsszöveg általában 10-12 pontot, a címek 18-72 pontot használnak.

A digitális egység, amely egyetlen pontot képvisel egy képernyőn vagy képen

A pixelek eszközfüggő egységek, amelyek a képernyő sűrűségétől (DPI/PPI) függően változnak. Ugyanaz a pixelszám nagyobbnak tűnik az alacsony felbontású kijelzőkön (72 PPI), és kisebbnek a nagy felbontású retina kijelzőkön (220+ PPI). A DPI/PPI kapcsolatok megértése kulcsfontosságú a következetes tipográfia érdekében az eszközökön.

Példa: 16px 96 DPI-n = 12pt. Ugyanaz a 16px 300 DPI-n (nyomtatás) = 3,84pt. A pixelek konvertálásakor mindig adja meg a cél DPI-t.

Hagyományos tipográfiai egység, amely 12 pontnak vagy 1/6 hüvelyknek felel meg

A pica a hasábszélességet, a margókat és az oldalterv méreteit méri a hagyományos nyomtatott tervezésben. Az asztali kiadványszerkesztő szoftverek, mint az InDesign és a QuarkXPress, a picát használják alapértelmezett mértékegységként. Egy pica pontosan 12 pontnak felel meg, ami egyszerűvé teszi az átváltásokat.

Példa: Egy szabványos újsághasáb 15 pica széles lehet (2,5 hüvelyk vagy 180 pont). A magazintervek gyakran használnak 30-40 pica méretet.

1450–1737

A mozgatható betűk feltalálása szükségessé tette a szabványosított méréseket, de a regionális rendszerek évszázadokig inkompatibilisek maradtak.

• 1450: Gutenberg nyomdagépe szükségessé teszi a szabványosított betűméreteket
• 1500-as évek: A betűméreteket Biblia-kiadásokról nevezik el (Cicero, Augustin stb.)
• 1600-as évek: Minden európai régió saját pontrendszert fejleszt ki
• 1690-es évek: A francia tipográfus, Fournier 12 részes rendszert javasol
• Korai rendszerek: Rendkívül következetlenek, 0,01-0,02 mm-es különbségekkel a régiók között

1737–1886

A francia nyomdász, François-Ambroise Didot hozta létre az első igazi szabványt, amelyet egész kontinentális Európában elfogadtak, és ma is használják Franciaországban és Németországban.

• 1737: Fournier a francia királyi hüvelyken alapuló pontrendszert javasol
• 1770: François-Ambroise Didot finomítja a rendszert — 1 Didot-pont = 0,376 mm
• 1785: A Cicero (12 Didot-pont) válik a szabványos mértékegységgé
• 1800-as évek: A Didot-rendszer uralja a kontinentális európai nyomtatást
• Modern: Ma is használják Franciaországban, Németországban és Belgiumban a hagyományos nyomtatáshoz

1886–1984

Az amerikai és brit nyomdászok szabványosították a pica-rendszert, 1 pontot 0,013837 hüvelyknek (1/72,27 hüvelyk) definiálva, ami uralta az angol nyelvű tipográfiát.

• 1886: Az American Type Founders létrehozza a pica-rendszert: 1 pt = 0,013837"
• 1898: A britek elfogadják az amerikai szabványt, létrehozva az angol-amerikai egységet
• 1930-as-1970-es évek: A pica-rendszer uralja az összes angol nyelvű nyomtatást
• Különbség: Az angol-amerikai pont (0,351 mm) a Didot-ponttal (0,376 mm) szemben — 7%-kal nagyobb
• Hatás: Külön betűöntvényeket igényelt az USA/Egyesült Királyság piacaira az európai piacokkal szemben

1984–napjainkig

Az Adobe PostScript szabványa egységesítette a globális tipográfiát azzal, hogy 1 pontot pontosan 1/72 hüvelyknek definiált, véget vetve az évszázadok óta tartó inkompatibilitásnak és lehetővé téve a digitális tipográfiát.

• 1984: Az Adobe PostScript 1 pt = pontosan 1/72 hüvelyknek (0,3528 mm) definiálja
• 1985: Az Apple LaserWriter a PostScriptet teszi az asztali kiadványszerkesztés szabványává
• 1990-es évek: A PostScript pont globális szabvánnyá válik, felváltva a regionális rendszereket
• 2000-es évek: A TrueType és az OpenType átveszi a PostScript-méréseket
• Modern: A PostScript pont az univerzális szabvány minden digitális tervezéshez

1770-ben hozta létre François-Ambroise Didot

A kontinentális európai szabvány, amelyet ma is használnak Franciaországban, Németországban és Kelet-Európa egyes részein a hagyományos nyomtatáshoz.

• 1 Didot-pont = 0,376 mm (szemben a PostScript 0,353 mm-ével) — 6,5%-kal nagyobb
• 1 Cicero = 12 Didot-pont = 4,51 mm (összehasonlítható a pica-val)
• A francia királyi hüvelyken (27,07 mm) alapul, metrikus-szerű egyszerűséget biztosítva
• Ma is előnyben részesítik az európai művészeti könyv- és klasszikus nyomtatásban
• Modern használat: Francia Imprimerie nationale, német Fraktur tipográfia

1978-ban hozta létre Donald Knuth számítógépes szedéshez

A matematikai és tudományos publikációk akadémiai szabványa, amelyet a pontos digitális kompozícióhoz optimalizáltak.

• 1 TeX-pont = 1/72,27 hüvelyk = 0,351 mm (megegyezik a régi angol-amerikai ponttal)
• A digitális kor előtti akadémiai publikációkkal való kompatibilitás megőrzése érdekében választották
• 1 TeX-pica = 12 TeX-pont (valamivel kisebb, mint a PostScript-pica)
• A LaTeX, a domináns tudományos publikációs rendszer használja
• Kritikus fontosságú: Akadémiai cikkek, matematikai szövegek, fizikai folyóiratok

Microsoft Word és Windows tipográfia

A szövegszerkesztők belső mértékegysége, amely finomhangolt vezérlést biztosít a digitális dokumentumok elrendezéséhez.

• 1 twip = 1/20 pont = 1/1440 hüvelyk = 0,0176 mm
• Név: 'A Pont Huszada' — rendkívül precíz mérés
• Belsőleg használják: Microsoft Word, Excel, PowerPoint, Windows GDI
• Lehetővé teszi a tört pontméreteket lebegőpontos matematika nélkül
• 20 twip = 1 pont, ami 0,05 pt pontosságot tesz lehetővé a professzionális szedéshez

1886-os American Type Founders szabvány

Az angol nyelvű nyomtatás digitális kor előtti szabványa, amely kissé eltér a PostScripttől.

• 1 nyomdai pont = 0,013837 hüvelyk = 0,351 mm
• Egyenlő 1/72,27 hüvelykkel (szemben a PostScript 1/72-ével) — 0,4%-kal kisebb
• Pica = 0,166 hüvelyk (szemben a PostScript 0,16667-ével) — alig észrevehető különbség
• 1886-1984 között dominált a PostScript egységesítése előtt
• Örökségi hatás: Néhány hagyományos nyomda még mindig hivatkozik erre a rendszerre

A 'font' (betűtípus) szó a francia 'fonte' szóból származik, ami 'öntöttet' vagy 'olvasztottat' jelent—utalva az olvadt fémre, amelyet formákba öntöttek, hogy egyedi fém betűket hozzanak létre a hagyományos magasnyomásban.

A PostScript 72 pontot választott hüvelykenként, mert a 72 osztható 2, 3, 4, 6, 8, 9, 12, 18, 24 és 36-tal—ami megkönnyíti a számításokat. Nagyon közel állt a hagyományos pica-rendszerhez is (72,27 pont/hüvelyk).

A Bauer Bodoni 89 900 dollárba kerül a teljes családért—az egyik legdrágább kereskedelmi betűtípus, amit valaha eladtak. A tervezése évekig tartó munkát igényelt, hogy digitalizálják az eredeti 1920-as évekbeli fém betűmintákból.

A tervezők gyűlölete ellenére a Comic Sans 10-15%-kal növeli a diszlexiás olvasók olvasási sebességét a szabálytalan betűformák miatt, amelyek megakadályozzák a karakterek összetévesztését. Valójában értékes akadálymentesítési eszköz.

Az '@' szimbólumnak különböző nyelveken különböző nevei vannak: 'csiga' (olasz), 'majomfarok' (holland), 'kisegér' (kínai) és 'tekert pácolt hering' (cseh)—de ez ugyanaz a 24 pontos karakter.

Az Apple 72 DPI-t választott az eredeti Mac-ekhez, hogy pontosan megfeleljen a PostScript-pontoknak (1 pixel = 1 pont), ami 1984-ben először tette lehetővé a WYSIWYG asztali kiadványszerkesztést. Ez forradalmasította a grafikai tervezést.

Gutenberg feltalálja a mozgatható betűket—az első igény a betűméret-szabványokra

François-Ambroise Didot létrehozza a Didot-pontrendszert (0,376 mm)

Az American Type Founders szabványosítja a pica-rendszert (1 pt = 1/72,27 hüvelyk)

Donald Knuth létrehozza a TeX-pontrendszert az akadémiai szedéshez

Az Adobe PostScript 1 pt = pontosan 1/72 hüvelyknek definiálja—globális egységesítés

Az Apple LaserWriter bevezeti a PostScriptet az asztali kiadványszerkesztésbe

A TrueType betűtípus-formátum szabványosítja a digitális tipográfiát

A CSS bevezeti a webes tipográfiát pixelalapú mérésekkel

Az iPhone bemutatja az @2x retina kijelzőket—sűrűségfüggetlen tervezés

Az Android elindul a dp-vel (sűrűségfüggetlen pixelek)

A webes betűtípusok (WOFF) lehetővé teszik az egyedi tipográfiát online

Változó betűtípusok specifikációja—egy fájl, végtelen stílusok

96 DPI (96 pixel per hüvelyk)

A Microsoft a Windows 95-ben szabványosította a 96 DPI-t, 4:3 arányt teremtve a pixelek és a pontok között. Ez a legtöbb PC-kijelző alapértelmezett értéke maradt.

• 1 px 96 DPI-n = 0,75 pt (4 pixel = 3 pont)
• 16px = 12pt — gyakori törzsszöveg-méret konverzió
• Története: Az eredeti 64 DPI-s CGA szabvány 1,5-szereseként választották
• Modern: A magas DPI-s kijelzők 125%, 150%, 200%-os skálázást használnak (120, 144, 192 DPI)
• Webes alapértelmezés: A CSS minden px-fizikai konverzióhoz 96 DPI-t feltételez

72 DPI (örökség), 220 PPI (@2x Retina)

Az Apple eredeti 72 DPI-je 1:1 arányban megfelelt a PostScript-pontoknak. A modern Retina kijelzők @2x/@3x skálázást használnak az éles megjelenítés érdekében.

• Örökség: 1 px 72 DPI-n = pontosan 1 pt (tökéletes megfelelés)
• Retina @2x: 2 fizikai pixel per pont, 220 PPI effektív
• Retina @3x: 3 fizikai pixel per pont, 330 PPI (iPhone)
• Előny: A pontméretek megegyeznek a képernyőn és a nyomtatási előnézetben
• Valóság: A fizikai Retina 220 PPI, de úgy van skálázva, hogy 110 PPI-nek (2×) tűnjön

160 DPI (sűrűségfüggetlen pixel)

Az Android dp (sűrűségfüggetlen pixel) rendszere 160 DPI alapvonalra normalizál, különböző képernyőkhöz tartozó sűrűségi kategóriákkal.

• 1 dp 160 DPI-n = 0,45 pt (160 pixel/hüvelyk ÷ 72 pont/hüvelyk)
• Sűrűségi kategóriák: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• Képlet: fizikai pixelek = dp × (képernyő DPI / 160)
• 16sp (skálafüggetlen pixel) = ajánlott minimális szövegméret
• Előny: Ugyanaz a dp érték fizikailag azonosnak tűnik minden Android-eszközön

72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)

Az iOS a pontot a PostScript-pontokkal azonos logikai egységként használja, a fizikai pixelek száma a képernyő generációjától függ (nem retina @1x, retina @2x, super-retina @3x).

• 1 iOS-pont @1x = 1,0 PostScript-pont (72 DPI alapvonal, ugyanaz, mint a PostScript)
• Retina @2x: 2 fizikai pixel per iOS-pont (144 DPI)
• Super Retina @3x: 3 fizikai pixel per iOS-pont (216 DPI)
• Minden iOS-terv pontokat használ; a rendszer automatikusan kezeli a pixelsűrűséget
• 17pt = minimális ajánlott törzsszöveg-méret (akadálymentesítés)

Nyomtató felbontása — hány tintapont fér el egy hüvelykben

A DPI a nyomtató kimeneti felbontását méri. A magasabb DPI simább szöveget és képeket eredményez azáltal, hogy több tintapontot helyez el hüvelykenként.

• 300 DPI: Szabvány a professzionális nyomtatáshoz (magazinok, könyvek)
• 600 DPI: Magas minőségű lézernyomtatás (üzleti dokumentumok)
• 1200-2400 DPI: Professzionális fotónyomtatás és művészeti reprodukció
• 72 DPI: Csak képernyő-előnézethez — nyomtatásra elfogadhatatlan (recésnek tűnik)
• 150 DPI: Piszkozatnyomtatás vagy nagy formátumú plakátok (távolról nézve)

Képernyő felbontása — hány pixel fér el egy hüvelyknyi kijelzőn

A PPI a kijelző sűrűségét méri. A magasabb PPI élesebb képernyőszöveget hoz létre azáltal, hogy több pixelt zsúfol össze ugyanabba a fizikai térbe.

• 72 PPI: Eredeti Mac kijelzők (1 pixel = 1 pont)
• 96 PPI: Szabványos Windows kijelzők (1,33 pixel per pont)
• 110-120 PPI: Olcsó laptop/asztali monitorok
• 220 PPI: MacBook Retina, iPad Pro (2× pixelsűrűség)
• 326-458 PPI: iPhone Retina/Super Retina (3× pixelsűrűség)
• 400-600 PPI: Csúcskategóriás Android telefonok (Samsung, Google Pixel)

A nyomtatás abszolút egységeket (pontokat, picákat) használ, mert a fizikai kimenet méretének pontosnak és eszközfüggetlennek kell lennie.

• Törzsszöveg: 10-12 pt könyvekhez, 9-11 pt magazinokhoz
• Címek: 18-72 pt a hierarchiától és a formátumtól függően
• Sorköz (leading): a betűméret 120%-a (12 pt-s szöveg = 14,4 pt-s sorköz)
• Mérje az abszolút méreteket picában: 'Hasábszélesség: 25 pica'
• Mindig 300 DPI-vel tervezzen professzionális nyomtatáshoz
• Soha ne használjon pixeleket nyomtatáshoz — konvertálja őket pontokra/picákra/hüvelykre

A webes tipográfia pixeleket és relatív egységeket használ, mert a képernyők mérete és sűrűsége változó.

• Törzsszöveg: 16px alapértelmezett (böngészőstandard) = 12pt 96 DPI-n
• Soha ne használjon abszolút pontméreteket CSS-ben — a böngészők kiszámíthatatlanul jelenítik meg őket
• Reszponzív tervezés: Használjon rem-et (a gyökér betűtípushoz viszonyítva) a skálázhatóság érdekében
• Minimális szöveg: 14px a törzsszöveghez, 12px a képaláírásokhoz (akadálymentesítés)
• Sormagasság: 1,5 (egység nélküli) a törzsszöveg olvashatósága érdekében
• Médiakérdések: Tervezzen 320px-től (mobil) 1920px+-ig (asztali)

A mobilplatformok sűrűségfüggetlen egységeket (dp/pt) használnak, hogy biztosítsák a következetes fizikai méretet a különböző képernyősűrűségek között.

• iOS: Tervezzen pontokban (pt), a rendszer automatikusan skáláz @2x/@3x-re
• Android: Használjon dp-t (sűrűségfüggetlen pixeleket) az elrendezésekhez, sp-t a szöveghez
• Minimális érintési cél: 44pt (iOS) vagy 48dp (Android) az akadálymentesítés érdekében
• Törzsszöveg: legalább 16sp (Android) vagy 17pt (iOS)
• Soha ne használjon fizikai pixeleket — mindig logikai egységeket (dp/pt) használjon
• Teszteljen több sűrűségen: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Az akadémiai publikáció TeX-pontokat használ a matematikai pontosság és a meglévő irodalommal való kompatibilitás érdekében.

• A LaTeX TeX-pontokat (72,27 per hüvelyk) használ a régi kompatibilitás érdekében
• Szabványos folyóirat: 10pt Computer Modern betűtípus
• Kétsávos formátum: 3,33 hüvelykes (240pt) hasábok 0,25 hüvelykes (18pt) margóval
• Egyenletek: A pontos pontméret kritikus a matematikai jelöléshez
• Gondosan konvertáljon: 1 TeX pt = 0,9963 PostScript pt
• PDF kimenet: A TeX automatikusan kezeli a pontrendszer konverzióit

• Mindig pontokban vagy picákban dolgozzon — soha ne pixelekben nyomtatáshoz
• Állítsa be a dokumentumokat a tényleges méretre (300 DPI) az elejétől
• Használjon 10-12 pontot a törzsszöveghez; bármi kisebb csökkenti az olvashatóságot
• A sorköznek a betűméret 120-145%-ának kell lennie a kényelmes olvasáshoz
• Margók: Legalább 0,5 hüvelyk (36 pont) a kötéshez és a kezeléshez
• Nyomtasson próbanyomatot a tényleges méretben, mielőtt kereskedelmi nyomdába küldi

• Használjon rem-et a betűméretekhez — ez lehetővé teszi a felhasználó számára, hogy nagyítson anélkül, hogy az elrendezés megszakadna
• Állítsa a gyökér betűméretet 16 pixelre (böngésző alapértelmezett) — soha ne legyen kisebb
• Használjon egység nélküli sormagasság-értékeket (1.5) a rögzített magasságok helyett
• Soha ne használjon abszolút pontméreteket CSS-ben — kiszámíthatatlan megjelenítés
• Teszteljen valódi eszközökön, ne csak a böngésző átméretezésével — a DPI számít
• Minimális betűméret: 14px törzsszöveg, 12px képaláírások, 44px érintési célok

• iOS: Tervezzen @1x-ben, exportálja automatikusan az @2x és @3x eszközöket
• Android: Tervezzen dp-ben, teszteljen mdpi/hdpi/xhdpi/xxhdpi-n
• Minimális szöveg: 17pt (iOS) vagy 16sp (Android) az akadálymentesítés érdekében
• Érintési célok: legalább 44pt (iOS) vagy 48dp (Android)
• Teszteljen fizikai eszközökön — a szimulátorok nem mutatják a valódi sűrűséget
• Használjon rendszerbetűtípusokat, amikor csak lehetséges — ezek a platformra vannak optimalizálva

• Minimális törzsszöveg: 16px (web), 17pt (iOS), 16sp (Android)
• Magas kontraszt: 4.5:1 a törzsszöveghez, 3:1 a nagy szöveghez (18pt+)
• Támogassa a felhasználói skálázást: használjon relatív egységeket, ne rögzített méreteket
• Sorhossz: 45-75 karakter soronként az optimális olvashatóság érdekében
• Sormagasság: legalább 1,5× a betűméret a diszlexia akadálymentesítése érdekében
• Teszteljen képernyőolvasókkal és 200%-os nagyítással

A Photoshop 72 PPI-t feltételez a képernyőn való megjelenítéshez, míg a Word 96 DPI-t (Windows) használ az elrendezéshez. Egy 12 pontos betűtípus a Photoshopban 33%-kal nagyobbnak tűnik a képernyőn, mint a Wordben, annak ellenére, hogy mindkettő azonos méretben nyomtatódik. Állítsa a Photoshopot 300 PPI-re a nyomdai munkákhoz a pontos méretezés érdekében.

Mindig pixelekben (vagy relatív egységekben, mint a rem/em) a webre. A pontok abszolút fizikai egységek, amelyeket a különböző böngészők és eszközök következetlenül jelenítenek meg. 12 pt lehet 16px egy eszközön és 20px egy másikon. Használjon px/rem-et a kiszámítható webes tipográfia érdekében.

pt = abszolút fizikai (1/72 hüvelyk), px = képernyőpixel (változik a DPI-vel), dp = Android sűrűségfüggetlen (160 DPI-re normalizálva). Használjon pt-t a nyomtatáshoz, px-et a webhez, dp-t az Androidhoz, és logikai pt-t az iOS-hez. Minden rendszer a saját platformjára van optimalizálva.

Az alkalmazások a DPI-feltételezésük alapján másképp értelmezik a pontokat. A Word 96 DPI-t használ, a Photoshop alapértelmezése 72 PPI, az InDesign a tényleges eszközfelbontást használja. A 12 pt mindig 1/6 hüvelyk nyomtatáskor, de a DPI-beállítások miatt különböző méretűnek tűnik a képernyőn.

Szorozza meg a TeX-pontokat 0,9963-mal, hogy PostScript-pontokat kapjon (1 TeX pt = 1/72,27 hüvelyk, szemben a PostScript 1/72 hüvelykkel). A különbség apró—mindössze 0,37%—de számít az akadémiai publikációknál, ahol a pontos térköz kritikus a matematikai jelöléshez.

Nyomtatás: legalább 300 DPI, magas minőséghez 600 DPI. Web: Tervezzen 96 DPI-n, biztosítson @2x eszközöket a retinához. Mobil: Tervezzen @1x-ben logikai egységekben (pt/dp), exportáljon @2x/@3x-et. Soha ne tervezzen 72 DPI-n, hacsak nem régi Mac-kijelzőket céloz meg.

A böngésző alapértelmezett betűmérete 16px (ami 96 DPI-n 12 pt-nek felel meg), amelyet az optimális olvashatóság érdekében választottak a tipikus nézési távolságokon (18-24 hüvelyk). Bármi kisebb csökkenti az olvashatóságot, különösen az idősebb felhasználók számára. Mindig használja a 16px-t alapként a relatív méretezéshez.

Csak akkor, ha hagyományos európai nyomtatással, francia kiadókkal vagy történelmi reprodukciókkal dolgozik. A Didot-pontok (0,376 mm) 6,5%-kal nagyobbak, mint a PostScript-pontok. A modern digitális tervezés általánosan PostScript-pontokat használ—a Didot főként a klasszikus tipográfia és a művészeti könyvek szempontjából releváns.