La unidad absoluta de la tipografía, estandarizada como 1/72 de pulgada

Los puntos miden el tamaño de la fuente, el interlineado (leading) y otras dimensiones tipográficas. Una fuente de 12 pt significa que la distancia desde el descendente más bajo hasta el ascendente más alto es de 12 puntos (1/6 de pulgada o 4.23 mm). El sistema de puntos proporciona mediciones independientes del dispositivo que se traducen de manera consistente en todos los medios.

Ejemplo: 12 pt Times New Roman = 0.1667 pulgadas de alto = 4.23 mm. El texto de cuerpo profesional suele usar 10-12 pt, los titulares 18-72 pt.

La unidad digital que representa un solo punto en una pantalla o imagen

Los píxeles son unidades dependientes del dispositivo que varían según la densidad de la pantalla (DPI/PPI). El mismo número de píxeles parece más grande en pantallas de baja resolución (72 PPI) y más pequeño en pantallas retina de alta resolución (220+ PPI). Comprender las relaciones DPI/PPI es crucial para una tipografía consistente en todos los dispositivos.

Ejemplo: 16 px a 96 DPI = 12 pt. Los mismos 16 px a 300 DPI (impresión) = 3.84 pt. Especifique siempre el DPI de destino al convertir píxeles.

Unidad tipográfica tradicional igual a 12 puntos o 1/6 de pulgada

Las picas miden el ancho de las columnas, los márgenes y las dimensiones del diseño de la página en el diseño de impresión tradicional. El software de autoedición como InDesign y QuarkXPress utiliza las picas como la unidad de medida predeterminada. Una pica equivale exactamente a 12 puntos, lo que hace que las conversiones sean sencillas.

Ejemplo: Una columna de periódico estándar podría tener 15 picas de ancho (2.5 pulgadas o 180 puntos). Los diseños de revistas a menudo usan medidas de 30-40 picas.

1450–1737

El nacimiento de los tipos móviles creó la necesidad de mediciones estandarizadas, pero los sistemas regionales permanecieron incompatibles durante siglos.

• 1450: La imprenta de Gutenberg crea la necesidad de tamaños de tipo estandarizados
• Años 1500: Los tamaños de tipo reciben el nombre de ediciones de la Biblia (Cícero, Agustín, etc.)
• Años 1600: Cada región europea desarrolla su propio sistema de puntos
• Años 1690: El tipógrafo francés Fournier propone un sistema de 12 divisiones
• Sistemas tempranos: Extremadamente inconsistentes, con diferencias de 0.01-0.02 mm entre regiones

1737–1886

El impresor francés François-Ambroise Didot creó el primer estándar verdadero, adoptado en toda Europa continental y todavía utilizado hoy en Francia y Alemania.

• 1737: Fournier propone un sistema de puntos basado en la pulgada real francesa
• 1770: François-Ambroise Didot refina el sistema — 1 punto Didot = 0.376 mm
• 1785: El cícero (12 puntos Didot) se convierte en la medida estándar
• Años 1800: El sistema Didot domina la imprenta de Europa continental
• Moderno: Todavía se usa en Francia, Alemania y Bélgica para la impresión tradicional

1886–1984

Los impresores americanos y británicos estandarizaron el sistema de picas, definiendo 1 punto como 0.013837 pulgadas (1/72.27 de pulgada), dominando la tipografía en lengua inglesa.

• 1886: American Type Founders establece el sistema de picas: 1 pt = 0.013837"
• 1898: Los británicos adoptan el estándar americano, creando la unidad angloamericana
• Años 1930-1970: El sistema de picas domina toda la impresión en lengua inglesa
• Diferencia: Punto angloamericano (0.351 mm) frente a Didot (0.376 mm) — un 7% más grande
• Impacto: Requería fundiciones de tipos separadas para los mercados de EE. UU./Reino Unido frente a los mercados europeos

1984–Presente

El estándar PostScript de Adobe unificó la tipografía global al definir 1 punto como exactamente 1/72 de pulgada, poniendo fin a siglos de incompatibilidad y permitiendo la tipografía digital.

• 1984: Adobe PostScript define 1 pt = exactamente 1/72 de pulgada (0.3528 mm)
• 1985: La Apple LaserWriter convierte a PostScript en el estándar para la autoedición
• Años 1990: El punto PostScript se convierte en el estándar global, reemplazando los sistemas regionales
• Años 2000: TrueType y OpenType adoptan las mediciones de PostScript
• Moderno: El punto PostScript es el estándar universal para todo el diseño digital

Establecido en 1770 por François-Ambroise Didot

El estándar de Europa continental, todavía utilizado en Francia, Alemania y partes de Europa del Este para la impresión tradicional.

• 1 punto Didot = 0.376 mm (frente a PostScript 0.353 mm) — un 6.5% más grande
• 1 cícero = 12 puntos Didot = 4.51 mm (comparable a la pica)
• Basado en la pulgada real francesa (27.07 mm), proporcionando una simplicidad similar a la métrica
• Todavía preferido en la impresión de libros de arte y clásica europea
• Uso moderno: Imprimerie nationale francesa, tipografía Fraktur alemana

Creado en 1978 por Donald Knuth para la composición tipográfica por ordenador

El estándar académico para la publicación matemática y científica, optimizado para una composición digital precisa.

• 1 punto TeX = 1/72.27 de pulgada = 0.351 mm (coincide con el antiguo punto angloamericano)
• Elegido para preservar la compatibilidad con publicaciones académicas pre-digitales
• 1 pica TeX = 12 puntos TeX (ligeramente más pequeña que la pica de PostScript)
• Usado por LaTeX, el sistema de publicación científica dominante
• Crítico para: Artículos académicos, textos matemáticos, revistas de física

Tipografía de Microsoft Word y Windows

La unidad de medida interna para procesadores de texto, que proporciona un control detallado para el diseño de documentos digitales.

• 1 twip = 1/20 de punto = 1/1440 de pulgada = 0.0176 mm
• Nombre: 'Vigésima parte de un punto' — medida extremadamente precisa
• Usado internamente por: Microsoft Word, Excel, PowerPoint, Windows GDI
• Permite tamaños de punto fraccionarios sin cálculos de punto flotante
• 20 twips = 1 punto, lo que permite una precisión de 0.05 pt para la composición tipográfica profesional

Estándar de 1886 de American Type Founders

El estándar pre-digital para la impresión en lengua inglesa, ligeramente diferente de PostScript.

• 1 punto de impresor = 0.013837 pulgadas = 0.351 mm
• Equivale a 1/72.27 de pulgada (frente a PostScript 1/72) — un 0.4% más pequeño
• Pica = 0.166 pulgadas (frente a PostScript 0.16667) — una diferencia apenas perceptible
• Dominó desde 1886 hasta 1984 antes de la unificación de PostScript
• Impacto heredado: Algunas imprentas tradicionales todavía hacen referencia a este sistema

La palabra 'fuente' proviene del francés 'fonte', que significa 'fundido' o 'derretido'—en referencia al metal fundido que se vertía en moldes para crear piezas de tipo de metal individuales en la imprenta tradicional.

PostScript eligió 72 puntos por pulgada porque 72 es divisible por 2, 3, 4, 6, 8, 9, 12, 18, 24 y 36—lo que facilita los cálculos. También coincidía muy de cerca con el sistema tradicional de picas (72.27 puntos/pulgada).

Bauer Bodoni cuesta $89,900 por la familia completa—una de las fuentes comerciales más caras jamás vendidas. Su diseño requirió años de trabajo para digitalizarla a partir de especímenes de tipo de metal originales de la década de 1920.

A pesar del odio de los diseñadores, Comic Sans aumenta la velocidad de lectura para los lectores disléxicos en un 10-15% debido a las formas irregulares de las letras que evitan la confusión de caracteres. En realidad, es una valiosa herramienta de accesibilidad.

El símbolo '@' tiene diferentes nombres en diferentes idiomas: 'caracol' (italiano), 'cola de mono' (holandés), 'ratoncito' (chino) y 'arenque encurtido enrollado' (checo)—pero es el mismo carácter de 24 pt.

Apple eligió 72 DPI para los Mac originales para que coincidieran exactamente con los puntos de PostScript (1 píxel = 1 punto), lo que hizo posible la autoedición WYSIWYG por primera vez en 1984. Esto revolucionó el diseño gráfico.

Gutenberg inventa los tipos móviles—la primera necesidad de estándares de medición de tipos

François-Ambroise Didot crea el sistema de puntos Didot (0.376 mm)

American Type Founders estandariza el sistema de picas (1 pt = 1/72.27 de pulgada)

Donald Knuth crea el sistema de puntos TeX para la composición tipográfica académica

Adobe PostScript define 1 pt = exactamente 1/72 de pulgada—unificación global

La Apple LaserWriter lleva PostScript a la autoedición

El formato de fuente TrueType estandariza la tipografía digital

CSS introduce la tipografía web con medidas basadas en píxeles

El iPhone introduce las pantallas Retina @2x—diseño independiente de la densidad

Android se lanza con dp (píxeles independientes de la densidad)

Las fuentes web (WOFF) permiten la tipografía personalizada en línea

Especificación de fuentes variables—un solo archivo, estilos infinitos

96 DPI (96 píxeles por pulgada)

Microsoft estandarizó 96 DPI en Windows 95, creando una relación de 4:3 entre píxeles y puntos. Esto sigue siendo el predeterminado para la mayoría de las pantallas de PC.

• 1 px a 96 DPI = 0.75 pt (4 píxeles = 3 puntos)
• 16 px = 12 pt — conversión común del tamaño del texto de cuerpo
• Historia: Elegido como 1.5 veces el estándar original CGA de 64 DPI
• Moderno: Las pantallas de alta DPI usan un escalado del 125%, 150%, 200% (120, 144, 192 DPI)
• Predeterminado web: CSS asume 96 DPI para todas las conversiones de px a unidades físicas

72 DPI (legado), 220 PPI (@2x Retina)

Los 72 DPI originales de Apple coincidían con los puntos de PostScript 1:1. Las pantallas Retina modernas usan un escalado de @2x/@3x para una representación nítida.

• Legado: 1 px a 72 DPI = 1 pt exactamente (correspondencia perfecta)
• Retina @2x: 2 píxeles físicos por punto, 220 PPI efectivos
• Retina @3x: 3 píxeles físicos por punto, 330 PPI (iPhone)
• Ventaja: Los tamaños en puntos coinciden en la pantalla y en la vista previa de impresión
• Realidad: La Retina física es de 220 PPI pero se escala para aparecer como 110 PPI (2×)

160 DPI (píxel independiente de la densidad)

El sistema de dp (píxeles independientes de la densidad) de Android se normaliza a una línea de base de 160 DPI, con cubos de densidad para diferentes pantallas.

• 1 dp a 160 DPI = 0.45 pt (160 píxeles/pulgada ÷ 72 puntos/pulgada)
• Cubos de densidad: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• Fórmula: píxeles físicos = dp × (DPI de la pantalla / 160)
• 16 sp (píxel independiente de la escala) = tamaño de texto mínimo recomendado
• Ventaja: El mismo valor de dp aparece físicamente idéntico en todos los dispositivos Android

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

iOS usa el punto como una unidad lógica idéntica a los puntos de PostScript, con el recuento de píxeles físicos dependiendo de la generación de la pantalla (no retina @1x, retina @2x, super retina @3x).

• 1 punto de iOS a @1x = 1.0 pt de PostScript (línea de base de 72 DPI, igual que PostScript)
• Retina @2x: 2 píxeles físicos por punto de iOS (144 DPI)
• Super Retina @3x: 3 píxeles físicos por punto de iOS (216 DPI)
• Todos los diseños de iOS usan puntos; el sistema gestiona la densidad de píxeles automáticamente
• 17 pt = tamaño de texto de cuerpo mínimo recomendado (accesibilidad)

Resolución de la impresora — cuántos puntos de tinta caben en una pulgada

DPI mide la resolución de salida de la impresora. Un DPI más alto produce texto e imágenes más suaves al colocar más puntos de tinta por pulgada.

• 300 DPI: Estándar para la impresión profesional (revistas, libros)
• 600 DPI: Impresión láser de alta calidad (documentos de negocios)
• 1200-2400 DPI: Impresión de fotos profesional y reproducción de bellas artes
• 72 DPI: Solo para vista previa en pantalla — inaceptable para la impresión (se ve pixelado)
• 150 DPI: Impresión de borrador o pósteres de gran formato (vistos desde la distancia)

Resolución de la pantalla — cuántos píxeles caben en una pulgada de pantalla

PPI mide la densidad de la pantalla. Un PPI más alto crea un texto de pantalla más nítido al empaquetar más píxeles en el mismo espacio físico.

• 72 PPI: Pantallas originales de Mac (1 píxel = 1 punto)
• 96 PPI: Pantallas estándar de Windows (1.33 píxeles por punto)
• 110-120 PPI: Monitores de portátiles/escritorio económicos
• 220 PPI: MacBook Retina, iPad Pro (2× densidad de píxeles)
• 326-458 PPI: iPhone Retina/Super Retina (3× densidad de píxeles)
• 400-600 PPI: Teléfonos Android de gama alta (Samsung, Google Pixel)

La impresión usa unidades absolutas (puntos, picas) porque el tamaño de salida físico debe ser exacto e independiente del dispositivo.

• Texto de cuerpo: 10-12 pt para libros, 9-11 pt para revistas
• Titulares: 18-72 pt dependiendo de la jerarquía y el formato
• Interlineado (leading): 120% del tamaño de la fuente (texto de 12 pt = interlineado de 14.4 pt)
• Mida las dimensiones absolutas en picas: 'Ancho de columna: 25 picas'
• Siempre diseñe a 300 DPI para la impresión profesional
• Nunca use píxeles para la impresión — conviértalos a puntos/picas/pulgadas

La tipografía web usa píxeles y unidades relativas porque las pantallas varían en tamaño y densidad.

• Texto de cuerpo: 16 px predeterminado (estándar del navegador) = 12 pt a 96 DPI
• Nunca use puntos absolutos en CSS — los navegadores los renderizan de manera impredecible
• Diseño responsivo: Use rem (relativo a la fuente raíz) para la escalabilidad
• Texto mínimo: 14 px para el cuerpo, 12 px para los pies de foto (accesibilidad)
• Altura de línea: 1.5 (sin unidad) para la legibilidad del texto de cuerpo
• Media queries: Diseñe para 320 px (móvil) hasta 1920 px+ (escritorio)

Las plataformas móviles usan unidades independientes de la densidad (dp/pt) para garantizar un tamaño físico consistente en diferentes densidades de pantalla.

• iOS: Diseñe en puntos (pt), el sistema escala a @2x/@3x automáticamente
• Android: Use dp (píxeles independientes de la densidad) para los diseños, sp para el texto
• Objetivo táctil mínimo: 44 pt (iOS) o 48 dp (Android) para la accesibilidad
• Texto de cuerpo: mínimo de 16 sp (Android) o 17 pt (iOS)
• Nunca use píxeles físicos — siempre use unidades lógicas (dp/pt)
• Pruebe en múltiples densidades: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

La publicación académica usa puntos TeX para la precisión matemática y la compatibilidad con la literatura establecida.

• LaTeX usa puntos TeX (72.27 por pulgada) para la compatibilidad heredada
• Revista estándar: fuente Computer Modern de 10 pt
• Formato de dos columnas: columnas de 3.33 pulgadas (240 pt) con un medianil de 0.25 pulgadas (18 pt)
• Ecuaciones: El tamaño preciso en puntos es crítico para la notación matemática
• Convierta con cuidado: 1 pt de TeX = 0.9963 pt de PostScript
• Salida en PDF: TeX maneja automáticamente las conversiones del sistema de puntos

• Trabaje siempre en puntos o picas — nunca en píxeles para la impresión
• Configure los documentos a tamaño real (300 DPI) desde el principio
• Use 10-12 pt para el texto de cuerpo; cualquier cosa más pequeña reduce la legibilidad
• El interlineado debe ser del 120-145% del tamaño de la fuente para una lectura cómoda
• Márgenes: Mínimo de 0.5 pulgadas (36 pt) para la encuadernación y el manejo
• Haga una prueba de impresión a tamaño real antes de enviar a una imprenta comercial

• Use rem para los tamaños de fuente — permite al usuario hacer zoom sin romper el diseño
• Establezca la fuente raíz en 16 px (predeterminado del navegador) — nunca más pequeña
• Use valores de altura de línea sin unidades (1.5) en lugar de alturas fijas
• Nunca use tamaños de punto absolutos en CSS — renderización impredecible
• Pruebe en dispositivos reales, no solo cambiando el tamaño del navegador — el DPI importa
• Tamaño de fuente mínimo: 14 px para el cuerpo, 12 px para los pies de foto, 44 px para los objetivos táctiles

• iOS: Diseñe a @1x, exporte los activos @2x y @3x automáticamente
• Android: Diseñe en dp, pruebe en mdpi/hdpi/xhdpi/xxhdpi
• Texto mínimo: 17 pt (iOS) o 16 sp (Android) para la accesibilidad
• Objetivos táctiles: mínimo de 44 pt (iOS) o 48 dp (Android)
• Pruebe en dispositivos físicos — los simuladores no muestran la densidad real
• Use las fuentes del sistema cuando sea posible — están optimizadas para la plataforma

• Texto de cuerpo mínimo: 16 px (web), 17 pt (iOS), 16 sp (Android)
• Alto contraste: 4.5:1 para el texto de cuerpo, 3:1 para texto grande (18 pt+)
• Soporte el escalado del usuario: use unidades relativas, no tamaños fijos
• Longitud de línea: 45-75 caracteres por línea para una legibilidad óptima
• Altura de línea: mínimo de 1.5× el tamaño de la fuente para la accesibilidad de la dislexia
• Pruebe con lectores de pantalla y un zoom del 200%

Photoshop asume 72 PPI para la visualización en pantalla, mientras que Word usa 96 DPI (Windows) para el diseño. Una fuente de 12 pt en Photoshop parece un 33% más grande en pantalla que en Word, aunque ambas se impriman en tamaños idénticos. Configure Photoshop a 300 PPI para trabajos de impresión para ver el tamaño correcto.

Siempre en píxeles (o unidades relativas como rem/em) para la web. Los puntos son unidades físicas absolutas que se renderizan de manera inconsistente en diferentes navegadores y dispositivos. 12 pt podría ser 16 px en un dispositivo y 20 px en otro. Use px/rem para una tipografía web predecible.

pt = físico absoluto (1/72 de pulgada), px = píxel de pantalla (varía con el DPI), dp = independiente de la densidad de Android (normalizado a 160 DPI). Use pt para la impresión, px para la web, dp para Android, pt de iOS (lógico) para iOS. Cada sistema está optimizado para su plataforma.

Las aplicaciones interpretan los puntos de manera diferente según su suposición de DPI. Word usa 96 DPI, Photoshop tiene 72 PPI por defecto, InDesign usa la resolución real del dispositivo. 12 pt siempre es 1/6 de pulgada cuando se imprime, pero se ve de diferentes tamaños en pantalla debido a la configuración de DPI.

Multiplique los puntos TeX por 0.9963 para obtener puntos PostScript (1 pt de TeX = 1/72.27 de pulgada frente a 1/72 de pulgada de PostScript). La diferencia es mínima—solo un 0.37%—pero es importante para la publicación académica donde el espaciado exacto es crítico para la notación matemática.

Impresión: 300 DPI como mínimo, 600 DPI para alta calidad. Web: Diseñe a 96 DPI, proporcione activos @2x para retina. Móvil: Diseñe a @1x en unidades lógicas (pt/dp), exporte @2x/@3x. Nunca diseñe a 72 DPI a menos que se dirija a pantallas de Mac heredadas.

El tamaño de fuente predeterminado del navegador es de 16 px (equivalente a 12 pt a 96 DPI), elegido para una legibilidad óptima a distancias de visualización típicas (18-24 pulgadas). Cualquier cosa más pequeña reduce la legibilidad, especialmente para los usuarios mayores. Siempre use 16 px como base para el tamaño relativo.

Solo si trabaja con la imprenta tradicional europea, editores franceses o reproducciones históricas. Los puntos Didot (0.376 mm) son un 6.5% más grandes que los puntos PostScript. El diseño digital moderno usa universalmente los puntos PostScript—Didot es principalmente relevante para la tipografía clásica y los libros de arte.