Viudas, huerfanas y rios

Una viuda es la ultima linea de un parrafo que queda sola en lo alto de la siguiente columna o pagina. Se lee como un fragmento suelto y rompe el vinculo visual con su parrafo. Corrige editando el texto, ajustando el interlineado o forzando el corte para que al menos dos lineas viajen juntas. En CSS es lo que protege la propiedad widows.

Una huerfana es la primera linea de un parrafo que queda sola al fondo de una columna o pagina, con el resto continuando a la vuelta. Deja un arranque colgado que el ojo no puede seguir. Empuja el parrafo entero a la siguiente columna, o baja una segunda linea para acompanarla. En CSS lo protege la propiedad orphans.

En salida paginada, controla las lineas sueltas de forma automatica con orphans (minimo de lineas que un parrafo deja al pie de una pagina) y widows (minimo que arrastra al inicio de la siguiente). Ambas valen 2 por defecto; sube a 3 para composicion mas fina. Solo actuan en contextos paginados o de multiples columnas (impresion, Paged.js, WeasyPrint, Prince), no en una pantalla con scroll.

Los rios son canales verticales de espacio en blanco que serpentean por el texto justificado cuando los huecos entre palabras se alinean de una linea a otra. Jalan el ojo fuera de la horizontal y abaratan la pagina. Rompelos ajustando el espaciado de palabra, activando el guionado o recomponiendo la medida. Las columnas justificadas estrechas y sin guiones son las peores.

La justificacion reparte el espacio sobrante estirando los huecos entre palabras. Sin guionado el motor no tiene donde meter esa holgura, asi que abre huecos enormes y rios. Activa hyphens: auto antes de justificar, o usa text-align: left (bandera a la derecha) y aceptas un espaciado de palabra parejo. En la web, justificar sin guionado casi siempre es un error.

El guionado necesita el idioma declarado: pon lang="es" en el elemento y hyphens: auto, o el navegador no partira palabras. Luego limita la escalera: tres o mas finales de linea guionados seguidos es un defecto. Usa hyphenate-limit-lines: 2 (con prefijo en Safari/Edge) y ajusta hyphenate-limit-chars para que las palabras cortas no se partan.

Un titulo varado al fondo de una pagina con su cuerpo de texto a la vuelta es la peor huerfana de todas: promete un contenido que no esta ahi. Ata cada encabezado al parrafo que lo sigue con break-after: avoid en h2, h3 y afines. La propiedad moderna sustituye a la vieja page-break-after: avoid.

Un runt es una ultima linea muy corta con una sola palabra breve (o media). Deja un hueco feo y debilita el cierre del parrafo. Baja la palabra anterior con un espacio de no separacion, edita una palabra o ajusta la medida. Busca que la ultima linea mida al menos un cuarto del ancho de columna.

Algunos pares nunca deben partirse en un salto de linea: un numero y su unidad, una abreviatura y su nombre, las iniciales. Unelos con un espacio de no separacion   (U+00A0), de modo que 10 mm se muestre como 10 mm soldado. Para tipografia mas fina usa el espacio fino de no separacion   (U+202F) entre numero y unidad, y el word joiner ⁠ donde no quieras ningun espacio.

Mas alla de los rios, vigila las escaleras: la misma palabra o guion alineados verticalmente en lineas consecutivas, y los callejones en tablas y medianiles. El ojo se engancha en la repeticion y el patron accidental se lee como un error. Solo aparecen cuando el texto ya esta compuesto, asi que revisa la prueba paginada, no la fuente, y recompone las lineas culpables.

Cuando termina un capitulo o articulo, la ultima pagina no debe llevar solo una o dos lineas sobre un mar de blanco. Reequilibra apretando paginas previas, editando el texto o repartiendo los ultimos parrafos para que el final llene una profundidad decente. En layouts de columnas, column-fill: balance empareja las columnas; en paginas, ajusta el flujo para que la cola no sea una linea solitaria.