Typografiomvandlare
Från Gutenberg till Retina: Att Bemästra Typografiska Enheter
Typografiska enheter utgör grunden för design på tryckta, webb- och mobila plattformar. Från det traditionella punktsystemet som etablerades på 1700-talet till moderna pixelbaserade mått, är förståelsen för dessa enheter avgörande för designers, utvecklare och alla som arbetar med text. Denna omfattande guide täcker 22+ typografiska enheter, deras historiska sammanhang, praktiska tillämpningar och konverteringstekniker för professionellt arbete.
Grundläggande Koncept: Att Förstå Typografisk Mätning
Punkt (pt)
Den absoluta enheten för typografi, standardiserad som 1/72 tum
Punkter mäter teckenstorlek, radavstånd (leading) och andra typografiska dimensioner. Ett 12pt-teckensnitt innebär att avståndet från den lägsta nedstapeln till den högsta uppstapeln är 12 punkter (1/6 tum eller 4,23 mm). Punktsystemet ger enhetsoberoende mätningar som översätts konsekvent över olika medier.
Exempel: 12pt Times New Roman = 0,1667 tum hög = 4,23 mm. Professionell brödtext använder vanligtvis 10-12pt, rubriker 18-72pt.
Pixel (px)
Den digitala enheten som representerar en enskild prick på en skärm eller bild
Pixlar är enhetsberoende enheter som varierar beroende på skärmens densitet (DPI/PPI). Samma antal pixlar ser större ut på lågupplösta skärmar (72 PPI) och mindre på högupplösta retina-skärmar (220+ PPI). Att förstå DPI/PPI-relationer är avgörande för konsekvent typografi över olika enheter.
Exempel: 16px vid 96 DPI = 12pt. Samma 16px vid 300 DPI (tryck) = 3,84pt. Ange alltid mål-DPI när du konverterar pixlar.
Pica (pc)
Traditionell typografisk enhet som motsvarar 12 punkter eller 1/6 tum
Pica mäter spaltbredder, marginaler och sidlayoutdimensioner i traditionell tryckdesign. Programvara för desktop publishing som InDesign och QuarkXPress använder pica som standardmåttenhet. En pica är exakt lika med 12 punkter, vilket gör konverteringar enkla.
Exempel: En standardtidningsspalt kan vara 15 pica bred (2,5 tum eller 180 punkter). Tidskriftslayouter använder ofta mått på 30-40 pica.
- 1 punkt (pt) = 1/72 tum = 0,3528 mm — absolut fysisk mätning
- 1 pica (pc) = 12 punkter = 1/6 tum — standard för layout och spaltbredd
- Pixlar är enhetsberoende: 96 DPI (Windows), 72 DPI (äldre Mac), 300 DPI (tryck)
- PostScript-punkten (1984) förenade århundraden av inkompatibla typografiska system
- Digital typografi använder punkter för design, pixlar för implementering
- DPI/PPI bestämmer konvertering från pixel till punkt: högre DPI = mindre fysisk storlek
Snabba Konverteringsexempel
Utvecklingen av Typografisk Mätning
Medeltid och Tidig Modern Tid (1450-1737)
1450–1737
Födelsen av lösa typer skapade behovet av standardiserade mått, men regionala system förblev inkompatibla i århundraden.
- 1450: Gutenbergs tryckpress skapar behovet av standardiserade typsnittsstorlekar
- 1500-talet: Typsnittsstorlekar namnges efter bibelutgåvor (Cicero, Augustin, etc.)
- 1600-talet: Varje europeisk region utvecklar sitt eget punktsystem
- 1690-talet: Den franske typografen Fournier föreslår ett 12-delningssystem
- Tidiga system: Extremt inkonsekventa, med skillnader på 0,01-0,02 mm mellan regioner
Didot-systemet (1737-1886)
1737–1886
Den franske tryckaren François-Ambroise Didot skapade den första verkliga standarden, som antogs över hela kontinentaleuropa och fortfarande används idag i Frankrike och Tyskland.
- 1737: Fournier föreslår ett punktsystem baserat på den franska kungliga tummen
- 1770: François-Ambroise Didot förfinar systemet — 1 Didot-punkt = 0,376 mm
- 1785: Cicero (12 Didot-punkter) blir standardmåttet
- 1800-talet: Didot-systemet dominerar tryckningen i kontinentaleuropa
- Modernt: Används fortfarande i Frankrike, Tyskland, Belgien för traditionellt tryck
Det Anglo-Amerikanska Systemet (1886-1984)
1886–1984
Amerikanska och brittiska tryckare standardiserade pica-systemet och definierade 1 punkt som 0,013837 tum (1/72,27 tum), vilket dominerade engelskspråkig typografi.
- 1886: American Type Founders etablerar pica-systemet: 1 pt = 0,013837 tum
- 1898: Britterna antar den amerikanska standarden och skapar anglo-amerikansk enhet
- 1930-1970-talet: Pica-systemet dominerar all engelskspråkig tryckning
- Skillnad: Anglo-amerikansk punkt (0,351 mm) vs. Didot (0,376 mm) — 7 % större
- Inverkan: Krävde separata typsnittsgjutningar för de amerikanska/brittiska marknaderna jämfört med de europeiska
PostScript-revolutionen (1984-idag)
1984–idag
Adobes PostScript-standard enade den globala typografin genom att definiera 1 punkt som exakt 1/72 tum, vilket avslutade århundraden av inkompatibilitet och möjliggjorde digital typografi.
- 1984: Adobe PostScript definierar 1 pt = exakt 1/72 tum (0,3528 mm)
- 1985: Apple LaserWriter gör PostScript till standarden för desktop publishing
- 1990-talet: PostScript-punkten blir den globala standarden och ersätter regionala system
- 2000-talet: TrueType och OpenType antar PostScript-mätningar
- Modernt: PostScript-punkten är den universella standarden för all digital design
Traditionella Typografiska System
Innan PostScript enade måttenheterna 1984 fanns regionala typografiska system sida vid sida, var och en med unika punktdefinitioner. Dessa system är fortfarande viktiga för historiskt tryck och specialiserade tillämpningar.
Didot-systemet (franskt/europeiskt)
Etablerat 1770 av François-Ambroise Didot
Den kontinentaleuropeiska standarden, som fortfarande används i Frankrike, Tyskland och delar av Östeuropa för traditionellt tryck.
- 1 Didot-punkt = 0,376 mm (jämfört med PostScript 0,353 mm) — 6,5 % större
- 1 Cicero = 12 Didot-punkter = 4,51 mm (jämförbart med pica)
- Baserat på den franska kungliga tummen (27,07 mm), vilket ger en metrisk-liknande enkelhet
- Fortfarande föredraget i europeisk konstboks- och klassisk tryckning
- Modern användning: Franska Imprimerie nationale, tysk Fraktur-typografi
TeX-systemet (akademiskt)
Skapat 1978 av Donald Knuth för datorstyrd sättning
Den akademiska standarden för matematisk och vetenskaplig publicering, optimerad för exakt digital komposition.
- 1 TeX-punkt = 1/72,27 tum = 0,351 mm (matchar det gamla anglo-amerikanska punkten)
- Valt för att bevara kompatibilitet med för-digitala akademiska publikationer
- 1 TeX-pica = 12 TeX-punkter (något mindre än en PostScript-pica)
- Används av LaTeX, det dominerande vetenskapliga publiceringssystemet
- Avgörande för: Akademiska uppsatser, matematiska texter, fysiktidskrifter
Twip (datorsystem)
Typografi för Microsoft Word och Windows
Den interna måttenheten för ordbehandlare, som ger finkornig kontroll över layouten av digitala dokument.
- 1 twip = 1/20 punkt = 1/1440 tum = 0,0176 mm
- Namn: 'Tjugondel av en punkt' — extremt exakt mätning
- Används internt av: Microsoft Word, Excel, PowerPoint, Windows GDI
- Tillåter bråkdels-punktstorlekar utan flyttalsmatematik
- 20 twips = 1 punkt, vilket möjliggör en precision på 0,05pt för professionell sättning
Amerikansk Tryckpunkt
American Type Founders-standard från 1886
Den för-digitala standarden for engelskspråkig tryckning, något annorlunda än PostScript.
- 1 tryckpunkt = 0,013837 tum = 0,351 mm
- Motsvarar 1/72,27 tum (jämfört med PostScript 1/72) — 0,4 % mindre
- Pica = 0,166 tum (jämfört med PostScript 0,16667) — en knappt märkbar skillnad
- Dominerade 1886-1984 före PostScript-föreningen
- Eftermäle: Vissa traditionella tryckerier refererar fortfarande till detta system
Vanliga Typografiska Storlekar
| Användning | Punkter | Pixlar (96 DPI) | Noteringar |
|---|---|---|---|
| Fin stil / fotnoter | 8-9 pt | 11-12 px | Minimal läsbarhet |
| Brödtext (tryck) | 10-12 pt | 13-16 px | Böcker, tidskrifter |
| Brödtext (webb) | 12 pt | 16 px | Webbläsarstandard |
| Underrubriker | 14-18 pt | 19-24 px | Avsnittsrubriker |
| Rubriker (H2-H3) | 18-24 pt | 24-32 px | Artikeltitlar |
| Huvudrubriker (H1) | 28-48 pt | 37-64 px | Sid-/affischtitlar |
| Displaytyp | 60-144 pt | 80-192 px | Affischer, reklamskyltar |
| Minsta tryckyta | 33 pt | 44 px | iOS-tillgänglighet |
| Standard spaltbredd | 180 pt (15 pc) | 240 px | Tidningar |
| Standardradavstånd | 14,4 pt (för 12pt text) | 19,2 px | 120 % radavstånd |
Fascinerande Fakta om Typografi
Ursprunget till 'Font'
Ordet 'font' (teckensnitt) kommer från franskans 'fonte', som betyder 'gjutet' eller 'smält'—och syftar på det smälta metall som hälldes i formar för att skapa enskilda metalltyper i traditionellt boktryck.
Varför 72 Punkter?
PostScript valde 72 punkter per tum eftersom 72 är delbart med 2, 3, 4, 6, 8, 9, 12, 18, 24 och 36—vilket gör beräkningar enklare. Det stämde också mycket väl överens med det traditionella pica-systemet (72,27 punkter/tum).
Dyrast Teckensnitt
Bauer Bodoni kostar 89 900 dollar för den kompletta familjen—ett av de dyraste kommersiella teckensnitten som någonsin sålts. Dess design krävde års arbete för att digitalisera från ursprungliga metalltypexemplar från 1920-talet.
Psykologin bakom Comic Sans
Trots designernas hat ökar Comic Sans läshastigheten för dyslektiska läsare med 10-15 % på grund av oregelbundna bokstavsformer som förhindrar teckenförväxling. Det är faktiskt ett värdefullt tillgänglighetsverktyg.
Universellt Symbol
Symbolen '@' har olika namn på olika språk: 'snigel' (italienska), 'apsvans' (nederländska), 'liten mus' (kinesiska) och 'inlagd sillrulle' (tjeckiska)—men det är samma 24pt-tecken.
Macs val av 72 DPI
Apple valde 72 DPI för de ursprungliga Mac-datorerna för att exakt matcha PostScript-punkter (1 pixel = 1 punkt), vilket gjorde WYSIWYG desktop publishing möjligt för första gången 1984. Detta revolutionerade grafisk design.
Tidslinje för Typografins Utveckling
1450
Gutenberg uppfinner lösa typer—det första behovet av standarder för typsnittsmätning
1737
François-Ambroise Didot skapar Didot-punktsystemet (0,376 mm)
1886
American Type Founders standardiserar pica-systemet (1 pt = 1/72,27 tum)
1978
Donald Knuth skapar TeX-punktsystemet för akademisk sättning
1984
Adobe PostScript definierar 1 pt = exakt 1/72 tum—global enhetlighet
1985
Apple LaserWriter för PostScript till desktop publishing
1991
TrueType-fontformatet standardiserar digital typografi
1996
CSS introducerar webbtypografi med pixelbaserade mätningar
2007
iPhone introducerar @2x retina-skärmar—densitetsoberoende design
2008
Android lanseras med dp (densitetsoberoende pixlar)
2010
Webb-fonter (WOFF) möjliggör anpassad typografi online
2014
Specifikation för variabla fonter—en enda fil, oändliga stilar
Digital Typografi: Skärmar, DPI och Plattformsskillnader
Digital typografi introducerar enhetsberoende mätningar där samma numeriska värde producerar olika fysiska storlekar baserat på skärmens densitet. Att förstå plattformskonventioner är avgörande för en konsekvent design.
Windows (96 DPI Standard)
96 DPI (96 pixlar per tum)
Microsoft standardiserade 96 DPI i Windows 95, vilket skapade ett 4:3-förhållande mellan pixlar och punkter. Detta är fortfarande standard för de flesta PC-skärmar.
- 1 px vid 96 DPI = 0,75 pt (4 pixlar = 3 punkter)
- 16px = 12pt — vanlig konvertering av brödtextstorlek
- Historia: Valdes som 1,5× den ursprungliga 64 DPI CGA-standarden
- Modernt: Skärmar med hög DPI använder 125%, 150%, 200% skalning (120, 144, 192 DPI)
- Webbstandard: CSS antar 96 DPI för alla px-till-fysiska konverteringar
macOS (72 DPI Äldre, 220 PPI Retina)
72 DPI (äldre), 220 PPI (@2x Retina)
Apples ursprungliga 72 DPI matchade PostScript-punkter 1:1. Moderna Retina-skärmar använder @2x/@3x-skalning för skarp återgivning.
- Äldre: 1 px vid 72 DPI = exakt 1 pt (perfekt överensstämmelse)
- Retina @2x: 2 fysiska pixlar per punkt, 220 PPI effektivt
- Retina @3x: 3 fysiska pixlar per punkt, 330 PPI (iPhone)
- Fördel: Punktstorlekar matchar över skärm och utskriftsförhandsvisning
- Verklighet: Fysisk Retina är 220 PPI men skalas för att se ut som 110 PPI (2×)
Android (160 DPI Baslinje)
160 DPI (densitetsoberoende pixel)
Androids dp-system (densitetsoberoende pixel) normaliserar till en 160 DPI-baslinje, med densitetskategorier för olika skärmar.
- 1 dp vid 160 DPI = 0,45 pt (160 pixlar/tum ÷ 72 punkter/tum)
- Densitetskategorier: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
- Formel: fysiska pixlar = dp × (skärm-DPI / 160)
- 16sp (skaloberoende pixel) = rekommenderad minsta textstorlek
- Fördel: Samma dp-värde ser fysiskt identiskt ut på alla Android-enheter
iOS (72 DPI @1x, 144+ DPI @2x/@3x)
72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)
iOS använder punkten som en logisk enhet som är identisk med PostScript-punkter, där antalet fysiska pixlar beror på skärmgenerationen (icke-retina @1x, retina @2x, super-retina @3x).
- 1 iOS-punkt vid @1x = 1,0 pt PostScript (72 DPI-baslinje, samma som PostScript)
- Retina @2x: 2 fysiska pixlar per iOS-punkt (144 DPI)
- Super Retina @3x: 3 fysiska pixlar per iOS-punkt (216 DPI)
- Alla iOS-designer använder punkter; systemet hanterar pixeltätheten automatiskt
- 17pt = minsta rekommenderade brödtextstorlek (tillgänglighet)
DPI vs. PPI: Förståelse av Skärm- och Trycktäthet
DPI (Prickar per Tum)
Skrivarupplösning — hur många bläckprickar som får plats på en tum
DPI mäter skrivarens utskriftsupplösning. Högre DPI ger jämnare text och bilder genom att placera fler bläckprickar per tum.
- 300 DPI: Standard för professionell utskrift (tidskrifter, böcker)
- 600 DPI: Högkvalitativ laserutskrift (affärsdokument)
- 1200-2400 DPI: Professionell fotoutskrift och konstnärlig reproduktion
- 72 DPI: Endast för skärmförhandsvisning — oacceptabelt för utskrift (ser hackigt ut)
- 150 DPI: Utkastutskrift eller storformatsaffischer (sedda på avstånd)
PPI (Pixlar per Tum)
Skärmupplösning — hur många pixlar som får plats på en tum av en skärm
PPI mäter skärmtäthet. Högre PPI skapar skarpare skärmtext genom att packa fler pixlar på samma fysiska yta.
- 72 PPI: Ursprungliga Mac-skärmar (1 pixel = 1 punkt)
- 96 PPI: Standard Windows-skärmar (1,33 pixlar per punkt)
- 110-120 PPI: Budgetskärmar för bärbara/stationära datorer
- 220 PPI: MacBook Retina, iPad Pro (2× pixeltäthet)
- 326-458 PPI: iPhone Retina/Super Retina (3× pixeltäthet)
- 400-600 PPI: Avancerade Android-telefoner (Samsung, Google Pixel)
DPI och PPI används ofta omväxlande men mäter olika saker. DPI är för skrivare (bläckprickar), PPI är för skärmar (ljusemitterande pixlar). När du designar, specificera alltid: 'Skärm med 96 PPI' eller 'Utskrift med 300 DPI' — aldrig bara 'DPI' ensamt, då det är tvetydigt.
Praktiska Tillämpningar: Val av Rätt Enheter
Tryckdesign
Tryck använder absoluta enheter (punkter, pica) eftersom den fysiska utskriftsstorleken måste vara exakt och enhetsoberoende.
- Brödtext: 10-12pt för böcker, 9-11pt för tidskrifter
- Overskrifter: 18-72pt beroende på hierarki och format
- Radavstånd (leading): 120 % av teckenstorleken (12pt text = 14,4pt radavstånd)
- Mät absoluta dimensioner i pica: 'Kolumnbredd: 25 pica'
- Designa alltid med 300 DPI för professionell utskrift
- Använd aldrig pixlar för utskrift — konvertera dem till punkter/pica/tum
Webbdesign
Webb-typografi använder pixlar och relativa enheter eftersom skärmar varierar i storlek och densitet.
- Brödtext: 16px standard (webbläsarstandard) = 12pt vid 96 DPI
- Använd aldrig absoluta punktstorlekar i CSS — webbläsare återger dem oförutsägbart
- Responsiv design: Använd rem (relativt till rot-teckensnittet) för skalbarhet
- Minimumtext: 14px för brödtext, 12px för bildtexter (tillgänglighet)
- Radhöjd: 1.5 (utan enhet) för läsbarheten av brödtexten
- Mediefrågor: Designa för 320px (mobil) till 1920px+ (desktop)
Mobilappar
Mobila plattformar använder densitetsoberoende enheter (dp/pt) för att säkerställa en konsekvent fysisk storlek på olika skärmdensiteter.
- iOS: Designa i punkter (pt), systemet skalar automatiskt till @2x/@3x
- Android: Använd dp (densitetsoberoende pixlar) för layout, sp för text
- Minimum beröringsmål: 44pt (iOS) eller 48dp (Android) för tillgänglighet
- Brödtext: 16sp (Android) eller 17pt (iOS) minimum
- Använd aldrig fysiska pixlar — använd alltid logiska enheter (dp/pt)
- Testa på flera densiteter: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Akademiskt & Vetenskapligt
Akademisk publicering använder TeX-punkter för matematisk precision och kompatibilitet med etablerad litteratur.
- LaTeX använder TeX-punkter (72,27 per tum) för äldre kompatibilitet
- Standardtidskrift: 10pt Computer Modern-font
- Två-kolumnsformat: 3,33 tum (240pt) kolumner med 0,25 tum (18pt) mellanrum
- Ekvationer: Exakt punktstorlek är avgörande för matematisk notation
- Konvertera noggrant: 1 TeX pt = 0,9963 PostScript pt
- PDF-utdata: TeX hanterar automatiskt konverteringar av punktsystemet
Vanliga Konverteringar och Beräkningar
Snabbguide för dagliga typografiska konverteringar:
Viktiga Konverteringar
| Från | Till | Formel | Exempel |
|---|---|---|---|
| Punkter | Tum | pt ÷ 72 | 72pt = 1 tum |
| Punkter | Millimeter | pt × 0,3528 | 12pt = 4,23mm |
| Punkter | Pica | pt ÷ 12 | 72pt = 6 pica |
| Pixlar (96 DPI) | Punkter | px × 0,75 | 16px = 12pt |
| Pixlar (72 DPI) | Punkter | px × 1 | 12px = 12pt |
| Pica | Tum | pc ÷ 6 | 6pc = 1 tum |
| Tum | Punkter | in × 72 | 2in = 144pt |
| Android dp | Punkter | dp × 0,45 | 32dp = 14,4pt |
Fullständig Referens för Enhetskonvertering
Alla typografiska enheter med exakta konverteringsfaktorer. Basenhet: PostScript-punkt (pt)
Absoluta (Fysiska) Enheter
Base Unit: PostScript-punkt (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| Punkt (pt) | × 1 | ÷ 72 | 72 pt = 1 tum |
| Pica (pc) | × 12 | ÷ 6 | 6 pc = 1 tum = 72 pt |
| Tum (in) | × 72 | × 1 | 1 in = 72 pt = 6 pc |
| Millimeter (mm) | × 2,8346 | ÷ 25,4 | 25,4 mm = 1 in = 72 pt |
| Centimeter (cm) | × 28,346 | ÷ 2,54 | 2,54 cm = 1 in |
| Didot-punkt | × 1,07 | ÷ 67,6 | 67,6 Didot = 1 in |
| Cicero | × 12,84 | ÷ 5,6 | 1 cicero = 12 Didot |
| TeX-punkt | × 0,9963 | ÷ 72,27 | 72,27 TeX pt = 1 in |
Skärm-/Digitala Enheter (DPI-beroende)
Dessa konverteringar beror på skärmens DPI (punkter per tum). Standardantaganden: 96 DPI (Windows), 72 DPI (äldre Mac)
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Pixel @ 96 DPI | × 0,75 | pt = px × 72/96 | 16 px = 12 pt |
| Pixel @ 72 DPI | × 1 | pt = px × 72/72 | 12 px = 12 pt |
| Pixel @ 300 DPI | × 0,24 | pt = px × 72/300 | 300 px = 72 pt = 1 in |
Mobila Plattformsenheter
Plattformsspecifika logiska enheter som skalar med enhetens densitet
| Unit | To Points | Formula | Example | |
|---|---|---|---|---|
| Android dp | × 0,45 | pt ≈ dp × 72/160 | 32 dp ≈ 14,4 pt | |
| iOS pt (@1x) | × 1,0 | PostScript pt = iOS pt (identisk) | 17 iOS pt = 17 PostScript pt | |
| iOS pt (@2x Retina) | 2 fysiska px per iOS pt | 2× pixlar | 1 iOS pt = 2 skärmpixlar | |
| iOS pt (@3x) | 3 fysiska px per iOS pt | 3× pixlar | 1 iOS pt = 3 skärmpixlar |
Äldre och Specialiserade Enheter
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Twip (1/20 pt) | ÷ 20 | pt = twip / 20 | 1440 twip = 72 pt = 1 in |
| Q (1/4 mm) | × 0,7087 | pt = Q × 0,25 × 2,8346 | 4 Q = 1 mm |
| PostScript Stor Punkt | × 1,00375 | Exakt 1/72 tum | 72 bp = 1,0027 in |
Viktiga Beräkningar
| Calculation | Formula | Example |
|---|---|---|
| DPI-till-Punkt-konvertering | pt = (px × 72) / DPI | 16px @ 96 DPI = (16×72)/96 = 12 pt |
| Fysisk storlek från punkter | tum = pt / 72 | 144 pt = 144/72 = 2 tum |
| Radavstånd (leading) | radavstånd = teckenstorlek × 1,2 till 1,45 | 12pt teckensnitt → 14,4-17,4pt radavstånd |
| Utskriftsupplösning | nödvändiga pixlar = (tum × DPI) för bredd och höjd | 8×10 tum @ 300 DPI = 2400×3000 px |
Bästa Praxis för Typografi
Tryckdesign
- Arbeta alltid i punkter eller pica — aldrig i pixlar för utskrift
- Ställ in dokument i verklig storlek (300 DPI) från början
- Använd 10-12pt för brödtext; allt mindre minskar läsbarheten
- Radavståndet bör vara 120-145 % av teckenstorleken för bekväm läsning
- Marginaler: Minst 0,5 tum (36pt) för bindning och hantering
- Gör en provutskrift i verklig storlek innan du skickar till ett kommersiellt tryckeri
Webbutveckling
- Använd rem för teckenstorlekar — det låter användaren zooma utan att bryta layouten
- Ställ in rot-teckensnittet på 16px (webbläsarstandard) — aldrig mindre
- Använd enhetslösa radhöjdsvärden (1.5) istället för fasta höjder
- Använd aldrig absoluta punktstorlekar i CSS — oförutsägbar rendering
- Testa på verkliga enheter, inte bara genom att ändra storlek på webbläsaren — DPI är viktigt
- Minsta teckenstorlek: 14px brödtext, 12px bildtexter, 44px beröringsmål
Mobilappar
- iOS: Designa på @1x, exportera @2x- och @3x-resurser automatiskt
- Android: Designa i dp, testa på mdpi/hdpi/xhdpi/xxhdpi
- Minimumtext: 17pt (iOS) eller 16sp (Android) för tillgänglighet
- Beröringsmål: 44pt (iOS) eller 48dp (Android) minimum
- Testa på fysiska enheter — simulatorer visar inte den sanna densiteten
- Använd systemfonter när det är möjligt — de är optimerade för plattformen
Tillgänglighet
- Minimum brödtext: 16px (webb), 17pt (iOS), 16sp (Android)
- Hög kontrast: 4.5:1 för brödtext, 3:1 för stor text (18pt+)
- Stöd användarskalning: använd relativa enheter, inte fasta storlekar
- Radlängd: 45-75 tecken per rad för optimal läsbarhet
- Radhöjd: minimum 1,5× teckenstorleken för tillgänglighet för dyslexi
- Testa med skärmläsare och zoom på 200 %
Vanliga Frågor
Varför ser min text annorlunda ut i Photoshop jämfört med Word?
Photoshop antar 72 PPI för skärmvisning, medan Word använder 96 DPI (Windows) för layout. En 12pt-font i Photoshop ser 33 % större ut på skärmen än i Word, även om båda skrivs ut i identiska storlekar. Ställ in Photoshop på 300 PPI för tryckarbete för att se korrekt storlek.
Bör jag designa i punkter eller pixlar för webben?
Alltid i pixlar (eller relativa enheter som rem/em) för webben. Punkter är absoluta fysiska enheter som återges inkonsekvent på olika webbläsare och enheter. 12pt kan vara 16px på en enhet och 20px på en annan. Använd px/rem för förutsägbar webb-typografi.
Vad är skillnaden mellan pt, px och dp?
pt = absolut fysisk (1/72 tum), px = skärmpixel (varierar med DPI), dp = Android-densitetsoberoende (normaliserad till 160 DPI). Använd pt för tryck, px för webb, dp för Android, iOS pt (logisk) för iOS. Varje system är optimerat för sin plattform.
Varför ser 12pt annorlunda ut i olika appar?
Applikationer tolkar punkter olika baserat på deras DPI-antagande. Word använder 96 DPI, Photoshop har som standard 72 PPI, InDesign använder den faktiska enhetsupplösningen. 12pt är alltid 1/6 tum när det skrivs ut, men ser annorlunda ut på skärmen på grund av DPI-inställningar.
Hur konverterar jag TeX-punkter till PostScript-punkter?
Multiplicera TeX-punkter med 0,9963 för att få PostScript-punkter (1 TeX pt = 1/72,27 tum vs. PostScript 1/72 tum). Skillnaden är liten—bara 0,37%—men är viktig för akademisk publicering där exakt avstånd är avgörande för matematisk notation.
Vilken upplösning ska jag designa med?
Tryck: 300 DPI minimum, 600 DPI för hög kvalitet. Webb: Designa med 96 DPI, tillhandahåll @2x-resurser för retina. Mobil: Designa på @1x i logiska enheter (pt/dp), exportera @2x/@3x. Designa aldrig med 72 DPI om du inte siktar på äldre Mac-skärmar.
Varför är 16px webbstandarden?
Webbläsarens standard teckenstorlek är 16px (motsvarar 12pt vid 96 DPI), vald för optimal läsbarhet på typiska visningsavstånd (18-24 tum). Allt mindre minskar läsbarheten, särskilt för äldre användare. Använd alltid 16px som grund för relativ storlek.
Måste jag kunna Didot-punkter?
Endast om du arbetar med traditionell europeisk tryckning, franska förlag eller historiska reproduktioner. Didot-punkter (0,376 mm) är 6,5 % större än PostScript-punkter. Modern digital design använder universellt PostScript-punkter—Didot är främst relevant for klassisk typografi och konstböcker.
Komplett Verktygskatalog
Alla 71 verktyg tillgängliga på UNITS