El ajuste de texto optimizado con solicitud de aceptación prioriza la estética sobre la velocidad.
A partir de Chrome 117, puedes usar una nueva función de ajuste de texto: text-wrap: pretty
del nivel de texto 4 de CSS.
p {
text-wrap: pretty;
}
Las viudas y huérfanos tipográficos son palabras únicas que se encuentran solas al final de un párrafo o bloque de texto. Las viudas son palabras solas en la parte superior de un bloque de texto y las huérfanas están solas al final de un bloque de texto. Pueden interrumpir la forma en que nuestros ojos hojean el texto, lo que dificulta la lectura del contenido. Algunos diseñadores las evitan a toda costa y hacen todo lo posible para prevenirlas.
A partir de Chrome 117, se pueden evitar los elementos huérfanos con una línea de CSS: text-wrap: pretty.
La función no solo garantiza que los párrafos no terminen con una sola palabra, sino que también ajusta la separación silábica si aparecen líneas consecutivas con guiones al final o ajusta las líneas anteriores para que haya espacio. También se ajustará de forma adecuada para la justificación del texto. En general, text-wrap: pretty es para un mejor ajuste de línea y división de texto, que actualmente se centra en los huérfanos.
En el futuro, es posible que text-wrap: pretty ofrezca más mejoras.
También está text-wrap: balance, que no evita los huérfanos, pero garantiza que el texto se ajuste de una manera que cree un bloque de texto armonioso. Personalmente, uso balance para los títulos y pretty para los párrafos.
Si te interesan los detalles del algoritmo que se usa para determinar la cantidad óptima de líneas o las consideraciones de rendimiento, este es un vínculo al documento de diseño creado por el ingeniero detrás de la función, Koji Ishii.
Si tienes otras mejoras o sugerencias de cambio de línea, nos encantaría escucharlas. Informa un problema con los detalles y ejemplos de saltos de línea correctos e incorrectos en el registro de errores de Chromium, y nos comunicaremos contigo.