Problema de compatibilidad con la plantilla Foundation (v2026.6)

Esto se puede cambiar añadiendo esto al CSS de tu tema:

body {
    --webkit-font-smoothing: auto;
}

Hay algunos detalles sobre lo que hace esto aquí: A Modern CSS Reset • Josh W. Comeau

En macOS Mojave, lanzado en 2018, Apple deshabilitó el antialiasing subpíxel en todo el sistema operativo. Supongo que se dieron cuenta de que en el hardware moderno causaba más problemas que beneficios.

Confusamente, los navegadores de macOS como Chrome y Safari aún usan antialiasing subpíxel de forma predeterminada. Necesitamos desactivarlo explícitamente, estableciendo -webkit-font-smoothing en antialiased.

Para demostrar la diferencia… --webkit-font-smoothing: auto; a la izquierda, y --webkit-font-smoothing: antialiased; a la derecha

macOS renderiza el texto más oscuro de forma predeterminada, pero solo en navegadores y no en el resto del sistema operativo… antialiased lo acerca más a cómo se renderiza el texto en otros sistemas operativos… en Chrome en Windows, el CSS no se aplica y el texto se ve así de forma predeterminada: